Chrome网络检查员

Question

我使用Chrome网络检查器检查所有变量。

当我将鼠标悬停在变量上时会出现一个黄色弹出框，我可以看到该变量引用的内容。

有时它是一个有很多键的对象。有没有办法让这个黄色的盒子更大？

Answer 1

您可以使用自己的自定义开发工具运行chrome http://code.google.com/chrome/devtools/docs/contributing.html

简而言之，

1. 下载devtools_frontend.zip
2. 解压缩文件（可能是C：\ src \ chrome \ devtools_frontend）
3. 打开Popover.js

4. 找到它所说的行：

   preferredWidth = Math.max(preferredWidth, 50);
   

   并将其替换为

   preferredWidth = Math.max(preferredWidth, 500);
   preferredHeight = Math.max(preferredHeight, 500);
   

   这将使弹出窗口的最小尺寸为500px X 500px

5. 使用您的客户devtools运行chrome：

   chrome.exe --debug-devtools-frontend = C：\ src \ chrome \ devtools_frontend