DevTools에서 Chrome 저장소를 검사하는 방법은 무엇입니까?

DevTools에서 Chrome 저장소를 검사하는 방법

Chrome DevTools는 로컬 저장소 및 세션 저장소에 대한 편리한 검사기를 제공합니다. 하지만 chrome.storage.sync를 검사하는 유사한 도구가 있는지 궁금할 수 있습니다.

Native DevTools Inspection

안타깝게도 "Local Storage" 및 "Session Storage" DevTools의 "는 엄격하게 웹 플랫폼 저장소 API(localStorage 및 sessionStorage)를 참조하며 chrome.storage 콘텐츠 검사를 지원하지 않습니다. chrome://sync-internals/는 확장 프로그램별로 실제 동기화된 저장소 콘텐츠를 표시하는 데에도 제한이 있습니다.

확장 기반 방법

방법 1: 저장소 영역 뷰어

이 확장 프로그램은 모든 chrome.storage 영역(동기화, 로컬, 세션, 관리)에 대해 다음 기능을 제공합니다.

• 보기, 편집, 지우기 및 검색 저장소 콘텐츠
• 저장소 변경 모니터링
• 어두운 테마 지원

방법 2: 저장소 영역 탐색기

이 확장 동안 Storage Area Viewer와 유사한 기능을 제공하며 동기화 및 로컬 영역에서만 보기/편집/가져오기/내보내기를 지원합니다.

또한 chrome.storage 콘텐츠를 검사하는 다른 보조 방법이 있습니다:

• 콘솔 및 console.storage 사용
• 스토리지 인터페이스 직접 사용
• 맞춤형 디버깅 도구 사용

향후 개발 및 주의 사항

Chrome은 DevTools에서 chrome.storage 검사를 위한 기본 지원 구현을 고려하고 있습니다(crbug.com/848752 참조).

ManifestV3 서비스 워커를 사용하는 확장 프로그램의 경우 다음 사항을 기억하는 것이 중요합니다. 서비스 워커용 DevTools에는 저장소가 표시되지 않습니다. 이 시나리오에서 저장소에 액세스하려면 확장 프로그램에서 표시되는 페이지(예: 팝업 또는 옵션 페이지)를 열고 검사하세요. 또는 새 탭에서 확장의 매니페스트.json 또는 확장의 스크립트를 엽니다.

위 내용은 DevTools에서 Chrome 저장소를 검사하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!