调试Chrome扩展时检查chrome.storage.sync

Dan*_*scu 6 javascript google-chrome-extension google-chrome-storage chrome-sync

Chrome DevTools有一个方便的本地存储和会话存储检查,但没有什么可以检查chrome.storage.sync

在此输入图像描述

chrome://sync-internals/ 似乎没有显示每个扩展名的同步存储的实际内容.

Dan*_*scu 15

一个糟糕的解决方法是调用get并获取所有存储的值。当然,这并不能让您方便地编辑它们:

chrome.storage.sync.get(null, function callback(items) { console.log(items) });
Run Code Online (Sandbox Code Playgroud)

对于现代 Chrome 中的 ManifestV3:

chrome.storage.sync.get(null, function callback(items) { console.log(items) });
Run Code Online (Sandbox Code Playgroud)


Nic*_*rdy 7

  1. 访问 chrome://sync-internals/
  2. 单击Sync Node Browser选项卡并等待它加载(可能会出现空白屏幕或正在进行的光标)
  3. 单击侧栏中的扩展三角形 Extension settings
  4. 单击侧栏中的各个设置以查看其值和其他元数据

同步内部页面的屏幕截图

  • 谢谢!但为什么我看不到本地驱动器的扩展名?(扩展正在开发中) (2认同)

wOx*_*xOm 6

存储区域浏览器的扩展提供了查看,编辑,结算,进口和出口的一个UI chrome.storage.local,chrome.storage.sync,localStoragesessionStorage:

截图

  • Service Worker 不是页面。我的意思是扩展的任何可见页面。如果没有,您可以打开 chrome-extension://ID/manifest.json,其中 ID 是扩展程序的 id。 (2认同)