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

时间:2012-02-06 19:17:18

标签: google-chrome-devtools web-inspector

在开发和调试我的网络应用程序时,我正在使用Google Chrome开发人员工具和控制台。

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

我想要一种干净的方式来查看我的代码,而不需要那些额外的标记。

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

2 个答案:

答案 0 :(得分:4)

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

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

当然,您可以通过为开发设置特定的配置文件来完成相同的操作,而您只是没有安装扩展。

当然,这些是变通办法。您可以随意提交功能请求,以便在加载扩展程序时进行更精细的用户端控制:http://new.crbug.com/

答案 1 :(得分:1)

运行2个独立的Chrome实例会对您有所帮助吗?

(您可以从指定不同用户目录的命令行启动2个不相关的Chrome浏览器实例:chrome --user-data-dir = userdata1& chrome --user-data-dir = userdata2)

我没有尝试过它的用例,但这听起来很合理。