각 브라우저에서 WebStorage(LocalStorage)를 확인하는 방법
1842 단어 쿠키자바스크립트webstoragelocalStorage
배경
쿠키에서 WebStorage로 마이그레이션 할 때 브라우저에 따라 확인 방법이 다르므로 만들었습니다.
브라우저별 확인 방법
Chrome
1. 개발자 도구(F12) 열기
2. Application 탭에 Local Storage가 있으므로 거기에서 확인
FireFox
1. 개발자 도구(F12) 열기
2. 스토리지 탭에 로컬 스토리지가 있으므로 거기에서 확인
IE,Egde
1. 개발자 도구(F12) 열기
2. 콘솔 탭을 열고 화면 하단에 javascript로 작성
예) localStorage.getItem('hogehoge');
태블릿, 스마트폰
기본 확인은 쿠키 확인 방법( h tps : // / p. jp/이p 호네 사후리리 코오키에) 과 동일합니다.
1. 적절한 페이지에 액세스하여 북마크 만들기
※북마크의 이름은 localStorage 확인용인 것을 알 수 있는 이름이면 좋을지도
2. 북마크를 편집하고 URL 필드에 확인용 javascript를 씁니다.
ex) javascript:alert(localStorage.getItem(('hogehoge'));
3. localStorage에 저장된 도메인의 페이지로 이동하여 1,2단계에서 만든 북마크를 엽니다.
4. 팝업에서 localStorage 값을 표시합니다.
지우는 방법
localStorage를 지우는 방법은 Chrome, FireFox의 경우 개발자 도구의 GUI 작업으로 지울 수 있습니다.
그 외에 대해서는 이하의 javascript로 지울 수 있습니다
- 특정 localStorage만 삭제하는 경우
localStorage.removeItem('hogehoge');
- 모든 localStorage를 삭제하는 경우localStorage.clear();
여담
쿠키와 달리 키 지정하지 않으면 잡히지 않기 때문에 상당히 귀찮습니다. 더 편한 방법 없을까-.
sessionStorage의 경우 localStorage를 각각 읽습니다.
Reference
이 문제에 관하여(각 브라우저에서 WebStorage(LocalStorage)를 확인하는 방법), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://qiita.com/k_yumoto/items/d2026128a08ed8fab22c텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)