Chrome“开发者工具”元素 – 隐藏恼人的黄色尺寸框

当我将鼠标hover在Chrome“开发人员工具”元素面板中的元素上时，如何隐藏出现在html字段下方的令人讨厌的黄色方块 – 由于看不到我的标签底部等原因，这使我疯狂起来。

Answer 1

你可能想检查一下Chrome 16，它有一个改进的元素工具提示。 请评论这个错误，并提出您想要修复的具体问题。

Answer 2

从发布的错误：“ https://code.google.com/p/chromium/issues/detail?id=282493 ”。 如果在hover元素（或在Mac上的命令）之前按住键盘控制（Ctrl）键，工具提示将不会显示。 不是理想的解决scheme，但只要你知道它的工作

Answer 3

你可以很容易地调整devtools自己。 基本上，按照这些说明开始。

然后，在inspector.js ，通过应用这个小补丁来调整WebInspector.highlightDOMNode 。

 1150,1151c1150 < // Do not highlight the DOM node. < //this.highlightDOMNodeForTwoSeconds(nodeId); --- > this.highlightDOMNodeForTwoSeconds(nodeId); 

有关更多信息，请查看扩展Chrome DevTools的这篇文章。