localStorage를 보거나 편집하는 방법
답변:
간단 해. 를 눌러 개발자 도구 F12로 이동 한 다음 응용 프로그램 탭으로 이동 하십시오. 에 저장 섹션 확장 로컬 저장소를 . 그 후에는 브라우저의 모든 로컬 저장소가 표시됩니다.
을 눌러 개발자 도구 를 열면 됩니다 F12.
온 클릭 응용 프로그램 (이전 자료) 탭을하면 로컬 스토리지의 내용을 볼 수 있습니다. 여기에서 키 / 값 항목을 수동으로 추가 / 편집 / 삭제할 수 있습니다.
OS X에서 키는 다음과 같습니다. ⌥+ ⌘+i
다른 조합 : Ctrl+ Shift+i
편집 : Chrome 56에서는 다음과 같이 보입니다.
chrome : // chrome / extensions로 이동하면 일단 시작하면 개발자 도구를 사용하여 localStorage 항목을 볼 수있는 백그라운드 페이지에 대한 링크가 있습니다.
localStorage['xy'] = JSON.stringify(xy);
localStorage.setItem('xy', JSON.stringify(xy))있으며 localStorage
나는 여기 사람들이 무엇을하려고하는지 이해하지 못하며, 내가하고있는 일이 아니거나 Chrome 개발자 도구가 변경 되어이 점에서 깨졌습니다.
내 확장의 내용 스크립트는 다음과 같은 데이터를 저장합니다.
chrome.storage.local.set(packet);
확장 프로그램의 배경 페이지에서 응용 프로그램 탭을보고 스토리지> 로컬 스토리지를 확장하면 확장 프로그램이 표시되지만 클릭하면 데이터가 표시되지 않습니다.
내가 찾은 유일한 해결책은 백그라운드 페이지의 콘솔에서 이것을 실행하는 것입니다.
chrome.storage.local.get(null, function(data) {console.log(data);})
그것은 확장이 그것을 읽는 방법과 비슷합니다 (널을 키 이름 대신 모든 키를 얻기 위해 null을 전달하는 것을 제외하고는 내가 원하는 것을 얻습니다). 나에게 도움이되지 않는 모든 답변이 여기에 있다는 것도 이상한 일입니다.
Windows 10에서 Chrome 73.0.3683.103 (공식 빌드) (64 비트)을 사용하고 있습니다. 확장 프로그램은 관련이있는 경우 여전히 압축이 풀려 있지만 개발하려는 경우가 가장 많습니다.
localStorage.setItem('key', 'value')