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