google-chrome - 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);
   

   これにより、ポップオーバーの最小サイズが500pxX500pxになります

5. カスタムdevtoolsでchromeを実行します。

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