使用Chrome扩展将CSS注入到文档检查器中
提问于 2011-07-25 01:01:53
我目前正在尝试编写一个扩展来改变文档检查器("devtools.css")的CSS。我使用Content Scripts和Match Pattern将CSS注入到其他网页中没有任何问题，但它似乎不能针对Inspector。是我漏掉了什么，还是有更好的方法来解决这个问题？
结果:在检查了Match Pattern documentation之后，我注意到哪里出错了，模式部分对它所允许的URL类型是非常严格的，"chrome-devtools“不在其中。
更新:经过几个小时的工作，我已经开始使用实验性的API在Inspector中生成一个新的面板，但仍然没有成功地将css注入到它的父级中。
回答 4
Stack Overflow用户
回答已采纳
发布于 2011-07-25 02:17:59
我不认为Webkit允许您将CSS或Javascript注入到开发工具中。Chrome有一个实验性的应用程序接口，它允许你添加标签和其他一些东西：http://code.google.com/chrome/extensions/trunk/experimental.devtools.html
Stack Overflow用户
发布于 2012-11-26 08:02:10
现在有一种方法可以做到这一点，但不是通过Chrome扩展。
您可以将样式放入在每个页面上运行的Custom.css中，外加一个选择器(#-webkit-web-inspector)，该选择器对于检查器来说应该是唯一的。
Stack Overflow用户
发布于 2011-07-25 02:08:26
您是否在清单中设置了"all_frames“，是否使用了正确的URL权限？开发人员工具URL代码块：
<a href="chrome-devtools://devtools/devTools.css"
class="webkit-html-resource-link"
title="chrome-devtools://devtools/devTools.css" style="max-width: 100%;
" line_number="1828" preferred_panel="resources">devTools.css:1828</a>页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/6810873
复制相关文章
点击加载更多
腾讯云开发者
