如何 edit/reset Chrome DevTools 在磁盘上手动设置?

How to edit/reset Chrome DevTools settings manually on disk?

在 Chrome 44 中有一个名为 "Material design" 的新 DevTools 实验(您必须启用 DevTools 实验,然后按 6 次 shift 键)。

启用该实验后,DevTools 不再打开。我尝试了不同的启动方式(包括 chrome://inspect)但无济于事。
它确实打开了,因为我可以在 chrome://inspect/#other 中看到 DevTools URL

但是面板没有出现

所以我无法通过 UI.
禁用该特定实验 我可以做的是用chrome://flags/#enable-devtools-experiments禁用所有DevTools实验,然后DevTools再次正常工作。但是我无法启用我想要的其他实验。

有没有办法在某些文件中手动编辑 DevTools 设置?

以下是一些应该有效的快速步骤:

  1. 禁用实验并打开 DevTools。
  2. 将 DevTools 弹出到它自己的 window 中(长按 dock to bottom 按钮 select 弹出。)
  3. 关注 DevTools window,检查它 (Ctrl + Shift +I)。
  4. 转到资源 > 本地存储。然后到chrome-devtools://devtools
  5. 删除实验密钥。
  6. 重新启用实验。

如果您想重置所有 devtools 设置,您还可以从 Google Chrome 配置文件目录中删除 Local Storage/chrome-devtools_devtools_0.localstorage* 并重新启动 Chrome。

如果您只想重置实验设置并准备好 sqlite3 客户端,您可以打开 Local Storage/chrome-devtools_devtools_0.localstorage 并删除设置:

delete from ItemTable where key = 'experiments';

…当然还有重启Chrome.

  1. 使用 Ctrl + Shift + I 打开开发工具。
  2. 点击右上角的自定义图标(三个点)。
  3. 点击设置。
  4. 点击右下角的'Restore defaults and reload'按钮。

在 Chrome 79 的 Linux 系统中,首选项文件位于:

~/.config/google-chrome/<Profile name>/Preferences

对于默认配置文件,路径为:

~/.config/google-chrome/Default/Preferences

为什么要编辑该文件?

例如,如果您在控制台的文本过滤器字段中输入了错误的正则表达式,您很可能会发现 DevTools 根本无法运行(请查看本主题以获取示例:https://support.google.com/chrome/thread/26946315?hl=en)。到目前为止我发现的唯一解决方法是直接编辑该文件。我手动删除了条目的值:

devtools > preferences > console.textFilter

请注意,该文件可能非常大,因此您应该使用一些可以处理大 JSON 的强大编辑器,或者将其作为普通文本文件进行编辑。