5

webkit/safari/chrome の WebInspector でリソース インスペクションがどのように機能するかを常に知りたいと思っています。

ブラウザはネイティブ BPI などを JavaScript に提供して、クエリとそのタイムラインのリストを表示する必要があります。バイナリ API とは何ですか? 同じ API を使用して Chromium 拡張機能を作成できますか?

4

1 に答える 1

3

リソースリクエストおよびその他のDevTools/WebInspector関連データは、InspectorControllerとそのエージェントによって収集されています。(それはC ++コードだけです)

その後、JSがWebInspectorオブジェクトのメソッドを呼び出すと、すべてのデータがWebInspectorにプッシュされます。

ご存知かもしれませんが、DevTools / WebInspectorのGUIはすべてhtmlページであり、多くのJavaScriptです。

インスペクター自体でインスペクターの内部世界を調査することができます。

  1. フラグ--process-per-tabでChromeを起動します。
  2. ドッキング解除モードでインスペクターウィンドウを開きます。
  3. インスペクターウィンドウでCtrl-Shift-Iを押します。

インスペクターとインスペクトされたページの間のすべてのトラフィックは、インスペクターからインスペクトされたページへの2つの関数を経由しています-インスペクターからインスペクターへのsendMessageToBackend - devtools $$ dispatch

このリンクを介して、WebKitでWebInspectorの最新の変更を追跡できます。

于 2010-08-03T21:36:53.800 に答える