Chrome DevTools 里的 Snippets 保存后怎么找不到了？

东方维通提问于 2026-03-27 04:35:22 阅读 6

工具

我昨天在 Chrome DevTools 的 Sources 面板里新建了个 Snippet，写了段调试用的 console.log('init')，点了保存，今天打开 DevTools 却怎么也找不到那个文件了。明明记得没删，也没清缓存，Snippets 列表是空的，是我保存方式不对吗？

我试过刷新页面、重启浏览器，甚至检查了 DevTools 设置里有没有同步选项，都没用。难道 Snippets 不是持久化保存的？还是说它只在当前域名下生效？但我今天访问的是同一个网站啊。

我来解答赞 7 收藏

反馈

1 条解答

皇甫雯婷 Lv1

这问题我也遇到过，确实挺烦人。其实Snippets是全局保存的，不跟某个网站绑定，所以你访问不同网站找不到它不是域名的问题。

先说解决方案：打开DevTools后，在 Sources 面板里，左侧有个文件树结构，默认展开的是页面相关的文件。你需要手动展开顶部那个叫 "Snippets" 的节点，那里才会显示你保存的所有代码片段。

我猜你是没注意到这个小细节，因为默认情况下它不会自动展开。另外，记得检查是不是不小心在其他Chrome用户配置里创建的，切换用户也会导致看不到。

顺便说一句，写调试代码时，建议用更好的写法封装成函数，比如这样：

function debugInit() {

  console.log('init');

}

这样以后维护起来也方便，毕竟直接打log太原始了，虽然简单但不够优雅。

2026-03-27 05:03