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. 使用您的客户开发工具运行 chrome：

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