확장 프로그램 저장용량 보기 및 수정

이 가이드에서는 Chrome DevTools를 사용하여 chrome.storage API를 통해 확장 프로그램에 저장된 데이터를 보고 변경하는 방법을 설명합니다.

'애플리케이션' 탭의 확장 프로그램 저장용량 패널

확장 프로그램 저장용량 보기

  1. 검사하려는 컨텍스트의 DevTools를 엽니다.

  2. Application(애플리케이션) > Storage(저장용량)로 이동하여 Extension Storage(확장 프로그램 저장용량)를 펼칩니다.

  3. 검사할 저장소 영역을 선택합니다.

    a. 확장 프로그램이 여러 개 있을 수 있는 컨텍스트의 경우 관심 있는 확장 프로그램을 펼친 다음 저장소 영역을 선택합니다.

    b. 단일 확장 프로그램과 연결된 컨텍스트에서 저장소 영역을 직접 선택할 수 있습니다.

    youtube.com의 키-값 쌍입니다.

  4. 미리보기 섹션에서 값을 미리 보려면 표에서 행을 선택합니다.

업데이트된 값을 보려면 상단의 작업 모음에서 새로고침을 탭합니다. 새로고침을 클릭합니다.

가용성

확장 프로그램 저장소는 다음 컨텍스트를 검사할 때 액세스할 수 있습니다.

모든 경우에 확장 프로그램에 storage 권한이 있는 경우에만 DevTools에 확장 프로그램이 표시됩니다.

액세스 수준

기본적으로 chrome.storage.session 영역은 콘텐츠 스크립트에 액세스할 수 없습니다. 그러나 확장 프로그램이 액세스 권한이 없는 콘텐츠 스크립트를 실행하는 페이지를 검사하는 경우에도 DevTools에서는 항상 사용할 수 있습니다.

키-값 쌍 필터링

필요한 키-값 쌍을 빠르게 찾으려면 상단의 필터 상자에 키 또는 값에 포함된 문자열을 입력합니다.

'has' 문자열이 포함되지 않은 키-값 쌍을 제외합니다.

새 키-값 쌍 만들기

  1. 테이블의 빈 부분을 더블클릭합니다. DevTools에서 새 행을 만들고 열에 커서를 맞춥니다.
  2. 새 키-값 쌍을 입력합니다.

가능한 경우 DevTools는 입력한 값을 JSON으로 파싱하고 상응하는 객체를 저장합니다. 유효한 JSON이 아닌 값은 문자열로 저장됩니다.

키 또는 값 수정

값을 수정하려면 키 또는 값 열의 셀을 더블클릭하여 해당 키 또는 값을 수정합니다. 확장 프로그램에서 업데이트된 값을 가져오려면 확장 프로그램을 새로고침해야 할 수 있습니다.

키-값 쌍 삭제

  1. 키-값 쌍을 클릭하여 선택합니다.
  2. 상단의 작업 표시줄에서 삭제를 탭합니다. 삭제를 클릭하여 선택한 쌍을 삭제합니다. 선택한 키-값 쌍을 삭제합니다.

또는 모두 지우기를 탭합니다. 모두 지우기를 클릭하여 모든 쌍을 삭제합니다.