chrome-devtools 片段 import/export 2016

chrome-devtools snippets import/export 2016

今天我想从 chrome.

导出我的片段

我找到了 2013 年的信息: https://github.com/bgrins/devtools-snippets/issues/28#issuecomment-27455522

我打开了 DevTools -> sperate Window -> 检查 Devtools 本身

然后在控制台中:

->localStorage.scriptSnippets
undefined
->var stringifiedSnippets = localStorage.getItem('scriptSnippets');
undefined
->stringifiedSnippets
null

我在他的 Macbook 上测试了 Chrome 48 (windows)、Chromium 45(ubuntu) 和朋友 Chrome。 如何访问我的代码段。

API 变了吗?或者我在这里犯了一个错误。 谢谢

是的,内部结构发生了变化。您的代码应更改为以下内容:

InspectorFrontendHost.getPreferences(function(prefs) {
    console.log(prefs.scriptSnippets);
});
InspectorFrontendHost.getPreferences(function(prefs) {
    console.log(prefs.scriptSnippets);
});
此代码在 chrome 版本 51.0.2704.103 中完美运行

对于那些到达这里并发现已接受的答案不再有效的人,这是一种访问您截至 2​​022 年 5 月的代码片段的方法 Chrome 101.

  1. 在 Chrome 浏览器的免费选项卡上输入 chrome://version/
  2. 检查“Profile Path:”,对于基于 Ubuntu 的操作系统,它应该类似于 /home/your_user/.config/google-chrome/Default
  3. 在该路径下找到 Preferences 文件并在文本编辑器中打开它。这是一个又大又乱的 JSON 文件。如果您要在另一台机器上使用全新 Chrome 安装进行新安装,那么您可以将整个 Preferences 文件复制到新机器的同一位置下,我认为您的 Chrome安装应该包含原始文件的所有片段。否则...
  4. 搜索 (Ctrl+f) "scriptSnippets" 属性 包括引号。
  5. 我相信片段是按照它们创建的顺序排列的。所以不像您在摘要列表中看到的那样按字母顺序排列。
  6. 我的列表以 "scriptSnippets_lastIdentifier":"142" 属性 结尾,这意味着到目前为止我必须创建了 142 个片段,一些删除了一些剩余的。
  7. 复制从“scriptSnippets":"[......}]" 的所有内容,不包括 "scriptSnippets_lastIdentifier":"142" 或按名称搜索您感兴趣的片段并仅复制该部分。