javascript - 隐藏 chrome 扩展 : in "Developer Tools" Scripts tab

Question

当我在 Chrome 中调试 javascript 代码时，我使用开发人员工具中的“脚本”选项卡。在脚本列表(下拉列表)中，很多扩展都列在这个表单中:

• chrome-extension://lfhsdjklfhaslkfhuwklshdfjkash/path/to/script.js
• chrome-extension://lfhsdjklfhaslkfhuwklshdfjkash/path/to/another/script.js
• 等等

我有大约 20-30 行这样的行，当我只想查看自己的脚本时，这非常烦人。

是否可以隐藏这些行但保留当前网页中的脚本？

Answer 1

Chrome 现在内置了用户配置文件支持。使用您需要的扩展创建一个新的配置文件:https://support.google.com/chrome/answer/2364824?hl=en

第一个选项是禁用所有扩展...不太酷...

如果您发现 chrome-extensions 脚本非常烦人，您可以为自己创建一个没有扩展(或最少的扩展集)的开发人员配置文件来调试您的脚本。窗口说明:

<罢工>
• 复制您的“Google Chrome”快捷方式(通过按住 ctrl 并拖动它)
• 将新快捷方式重命名为“Chrome Dev Profile”。
• 右键单击它 -> 属性
• (为您的配置文件目录选择一个路径。您不需要创建它。例如:c:\users\udi\profiles\chromedevprofile)

• 添加到“目标”字段，跟随 chrome.exe 的路径:

  --user-data-dir=c:\users\udi\profiles\chromedevprofile (当然还有你的路径)。

• 启动它(然后喝杯咖啡或为仓鼠等一分钟左右)。

• 现在您有第二个 chrome 配置文件正在运行。您会看到没有历史记录、书签、扩展名等。不要 panic ，您的正常配置文件中仍然有所有这些内容。
• 可选:您可能想要更改此 chrome 的外观以使其看起来有点困惑。从这里安装主题:https://tools.google.com/chrome/intl/en/themes/index.html
• 使用此配置文件进行调试。 :-)
• (您还可以将调试书签保留在书签工具栏中，以便于访问，而不会打扰您的常规书签工具栏。同样适用于面向调试的扩展。)