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

Question

当我将鼠标悬停在Chrome“开发人员工具”元素面板中的元素上时，如何隐藏html字段下显示的恼人的黄色框 - 这让我疯狂，因为我无法看到标签的底部等...

Answer 1

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

Answer 2

您可能需要检查Chrome 16，它获得了改进的元素工具提示。请对bug发表评论，并提及您想要解决的具体问题。

Answer 3

你可以很容易地自己调整devtools。基本上，请按照these说明开始使用。

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

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

更多信息，请查看extending Chrome DevTools上的这篇文章。