google-chrome-devtools - 如何从 Chrome 浏览器开发者工具中删除插件生成的代码?

标签 google-chrome-devtools web-inspector

我在开发和调试网络应用程序时使用 Google Chrome Developers 工具和控制台。

我安装了一些 Chrome 插件/扩展程序。这些插件/扩展程序在页面中添加额外的标记和脚本,同时在浏览器中呈现它们,当我在开发人员工具中查看我的代码时,它变得很乱。

我想要一种没有那些额外标记的简洁方式来查看我的代码。

那么有没有办法快速切换(禁用/启用)插件,或者以最佳方式在特定选项卡中禁用它们?我安装了几个插件/扩展,我认为手动禁用然后重新启用它们不是一个好主意。 此外,我可能想在其他选项卡上同时浏览其他网站时使用插件/扩展程序。

最佳答案

没有机制可以禁用特定选项卡或特定主机的扩展。你可以通过 management API 一起破解一些东西这将在您点击特定 URL 时禁用扩展程序,但该禁用状态将是全局的,而不是本地的。

但是,扩展程序不会以隐身模式运行(除非您通过 chrome://extensions 处的复选框明确将它们列入白名单):这对您来说可能是一个不错的解决方法。在隐身模式下加载您的开发中网站,在干净的环境中使用它,然后弹回到您的常规窗口以进行正常浏览。

当然,您可以通过设置一个特定的开发配置文件来完成同样的事情,您只需在其中不安装扩展。

当然,这些都是解决方法。您可以随时提交功能请求,以便对何时加载扩展进行更精细的用户端控制:http://new.crbug.com/

关于google-chrome-devtools - 如何从 Chrome 浏览器开发者工具中删除插件生成的代码?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9165857/

相关文章:

ajax - 查看实际响应而不是 "This request has no response data available"

safari - 是否可以在 Safari 中将请求复制为 cURL?

css - Chrome Web 检查器 - 左侧的 CSS 面板

javascript - 如何管理网站中的 jQuery 库?

javascript - 通过 Chrome 扩展将鼠标悬停在检查器中的元素上时突出显示网页元素

node.js - 如何使用 chrome devtools 调试远程 node.js 应用程序

html - 如何找出占位符的颜色?

html - Chrome iPhone 6 模拟器 100% 宽度比设备宽

javascript - Chrome 控制台中展开 View 与折叠 View 中的键顺序

css - 为什么 CSS 规则在 Chrome 检查器中显示为灰色