이 가이드에서는 Chrome DevTools를 사용하여 chrome.storage
API를 통해 확장 프로그램에 저장된 데이터를 보고 변경하는 방법을 설명합니다.
확장 프로그램 저장용량 보기
검사하려는 컨텍스트의 DevTools를 엽니다.
Application(애플리케이션) > Storage(저장용량)로 이동하여 Extension Storage(확장 프로그램 저장용량)를 펼칩니다.
검사할 저장소 영역을 선택합니다.
a. 확장 프로그램이 여러 개 있을 수 있는 컨텍스트의 경우 관심 있는 확장 프로그램을 펼친 다음 저장소 영역을 선택합니다.
b. 단일 확장 프로그램과 연결된 컨텍스트에서 저장소 영역을 직접 선택할 수 있습니다.
미리보기 섹션에서 값을 미리 보려면 표에서 행을 선택합니다.
업데이트된 값을 보려면 상단의 작업 모음에서 새로고침을 클릭합니다.
가용성
확장 프로그램 저장소는 다음 컨텍스트를 검사할 때 액세스할 수 있습니다.
- 확장 프로그램에서 콘텐츠 스크립트를 삽입한 문서
chrome-extension://
스키마가 있는 문서 (iframe 포함)- 확장 프로그램 서비스 워커
- MV2에서 백그라운드 페이지를 검사합니다.
모든 경우에 확장 프로그램에 storage
권한이 있는 경우에만 DevTools에 확장 프로그램이 표시됩니다.
액세스 수준
기본적으로 chrome.storage.session
영역은 콘텐츠 스크립트에 액세스할 수 없습니다. 그러나 확장 프로그램이 액세스 권한이 없는 콘텐츠 스크립트를 실행하는 페이지를 검사하는 경우에도 DevTools에서는 항상 사용할 수 있습니다.
키-값 쌍 필터링
필요한 키-값 쌍을 빠르게 찾으려면 상단의 필터 상자에 키 또는 값에 포함된 문자열을 입력합니다.
새 키-값 쌍 만들기
- 테이블의 빈 부분을 더블클릭합니다. DevTools에서 새 행을 만들고 키 열에 커서를 맞춥니다.
- 새 키-값 쌍을 입력합니다.
가능한 경우 DevTools는 입력한 값을 JSON으로 파싱하고 상응하는 객체를 저장합니다. 유효한 JSON이 아닌 값은 문자열로 저장됩니다.
키 또는 값 수정
값을 수정하려면 키 또는 값 열의 셀을 더블클릭하여 해당 키 또는 값을 수정합니다. 확장 프로그램에서 업데이트된 값을 가져오려면 확장 프로그램을 새로고침해야 할 수 있습니다.
키-값 쌍 삭제
- 키-값 쌍을 클릭하여 선택합니다.
- 상단의 작업 표시줄에서 삭제를 클릭하여 선택한 쌍을 삭제합니다.
또는 모두 지우기를 클릭하여 모든 쌍을 삭제합니다.