Chrome-devtools代码段导入/导出2016

chrome-devtools snippets import/export 2016

本文关键字：导出 2016 导入 代码 段导入 Chrome-devtools      更新时间：2023-09-26

今天我想从chrome导出我的片段。

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

我打开了开发工具-> 以打开窗口-> 检查开发工具本身

然后在控制台中：

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

我在他的Macbook上测试了Chrome 48（Windows），Chromium 45（ubuntu）和Friends Chrome。如何访问我的代码段。

API 是否已更改？还是我在这里犯了一个错误。谢谢。

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

InspectorFrontendHost.getPreferences(function(prefs) {
    console.log(prefs.scriptSnippets);
});

注意：此脚本应在第二个深度开发工具窗口中运行！确保开发人员工具已取消停靠到新窗口中。然后按 Ctrl+Shift+i （Command+Option+i） 打开 DevTools of DevTools。在第二个"开发人员工具"窗口中，运行上面的脚本。

对于那些到达这里并发现接受的答案不再有效的人，这是一种从 2022 年 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"）的所有内容，或者按名称搜索您感兴趣的片段并仅复制该部分。
InspectorFrontendHost.getPreferences(function(prefs) {
    console.log(prefs.scriptSnippets);
});
此代码在 chrome 版本 51.0.2704.103 中完美运行
相关文章：