크롬(Chrome) 에서 localStorage 값 확인하기

 

 

지난 번에는 Javascript로 localStorage를 다루는 방법을 알아보았습니다.

[Javascript] localStorage 사용법 (읽기, 쓰기, 삭제, 키목록 등)

[Javascript] localStorage 사용법 (읽기, 쓰기, 삭제, 키목록 등)

 

[Javascript] localStorage 만료 시간 설정하기

[Javascript] localStorage 만료 시간 설정하기

 

이번에는

크롬 브라우저에서 localStorage를 확인할 수 있는 방법을 소개합니다.

 

 

크롬 브라우저에서 localStorage 값 확인하기

크롬 브라우저에서 localStorage를 확인하기 위해서는 

크롬 개발자 도구에서 localStorage 값을 확인 할 수 있습니다.

 

1. 크롬 브라우저에서 'F12' 키를 이용하여, 크롬 브라우저 개발자 도구를 오픈합니다.
2. 'Application' 탭을 선택합니다.
3. Storage > local Storage 영역에서 확인하고자 하는 도메인을 선택하면,
   해당 도메인의 localStorage 값을 확인할 수 있습니다.

 

 

 

 

크롬 브라우저에서 localStorage 값 추가, 수정, 삭제하기

  localStorage 값 수정, 삭제  

1. 크롬 개발자 도구 (F12) > Application > Storage > Local Storage 에서 localStorage 값을 확인합니다.
2. localStorage 값을 선택하고, 마우스 오른쪽 버튼을 클릭하면,
   다음과 같이 Edit, Delete 메뉴가 나타납니다.

이 방법을 이용하여 localStorage 값을 변경, 삭제할 수 있습니다.

 

 

  localStorage 값 추가  

localStorage Key 또는 Value의 빈 공간을 더블 클릭하면,

아래와 같이 새로운 key, value를 입력할 수 있습니다.