javascript - 如何通过 Chrome 扩展更改 Element Inspector 工具提示/突出显示的文本?

标签 javascript google-chrome google-chrome-extension google-chrome-devtools

我想更改 Chrome 元素检查器的工具提示文本。 (将鼠标悬停在 TreeView 中的节点时在页面中看到的那个)。我想在那里添加额外的信息。

Chrome Debugger highlight + tooltip

这有可能吗?我在文档中找不到任何信息。

或者在突出显示矩形的另一个 Angular 创建一个新的小工具提示(不会干扰现有的)也可以。感谢您提供任何提示和技巧。

最佳答案

所以答案基本上是“你不能在扩展中这样做”(如修改 Dev Tools 工具提示)。

Charles' answer指向 a guide谈到替换 Chrome 开发者工具。可以使用 Chrome 的命令行,但这不是扩展程序可以做的事情。


但是,您可以在页面中插入一个内容脚本来模仿开发工具的突出显示。它不会与开发工具集成,但可能足以满足您的目的。

可以看看ABP's implementation元素选择/突出显示作为起点。我认为它在 this file 中.

关于javascript - 如何通过 Chrome 扩展更改 Element Inspector 工具提示/突出显示的文本?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30167325/

相关文章:

google-chrome - 如何防止 Chrome 将 AJAX 请求重定向到 HTTPS?

javascript - 如何使用javascript更改Chrome的用户代理?

html - padding-bottom 在 Firefox 上不显示

printing - 谷歌浏览器扩展 : Print the page silently

google-chrome-extension - 我的 chrome 扩展程序可以在不同的配置文件中打开链接吗?

javascript - 适用于 Skype Web 的 Chrome 扩展程序按键

javascript - 如何获取data-id值

javascript - 如何使脚本标签适应 Angular?

javascript - setData 不是函数 + Angular2-Highcharts

javascript - 无法弄清楚如何使用 Chart.js 跳过 x 轴上的第一个数据点和 X 轴上的标签跳过倒数第二个数据点