chrome-devtools 片段导入/导出 2016

Question

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

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

然后在控制台中：

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

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

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

Answer 1

是的，内部结构已经改变。您的代码应更改为以下内容：

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

注意： 该脚本应在第二深度开发工具窗口中运行！确保开发人员工具已脱离到新窗口中。然后按 Ctrl+Shift+i (Command+Option+i) 打开 DevTools 的 DevTools。在第二个 DevTools 窗口中，运行上面的脚本。

Answer 2

对于那些到达这里并发现接受的答案不再有效的人，这里有一种方法可以访问截至 2022 年 5 月 Chrome 101 的代码片段。

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

Answer 3

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

此代码在 chrome 版本 51.0.2704.103 中完美运行

Answer 4

参考。到这篇文章。

截至 2024 年 4 月

scriptSnippets

以

script-snippets

名义存在。

打开开发工具。在开发工具中再次打开开发工具（Shift + Cmd + i）。然后使用控制台。

导出您的片段：

var export;
InspectorFrontendHost.getPreferences(el => export = 
JSON.parse(el['script-snippets']))

复制到剪贴板

copy(export)

现在您可以将代码粘贴到 JSON 文件中并保存在某处作为片段备份。

从片段备份文件导入。打开开发工具。在开发工具中再次打开开发工具（Shift + Cmd + i）。然后使用控制台。

var import = [ /* paste JSON here from your saved file */ ];
InspectorFrontendHost.setPreference("script-snippets", 
JSON.stringify(import));