私は初期に、chrome開発ツール（inspect要素）を使ってデバッグとテストを行っていました。 DevツールのResourcesコラムでは、Chromeはいつでもサーバーからリソースにアクセスして表示できます（リンク、動画、画像など）。 Chromeがそれをどうやって行うのだろうか。同じことをやっているコードを書く方法はありますか？（他のウェブサイトのサーバーリソースにアクセスし、変更するのではなく、ウェブサイトで現在再生中のビデオのリンクを表示します。再生ボタンがヒットします）？Chrome Dev Toolsコンソールはどのようにウェブサイトのリソースにアクセスしますか？
DevToolsはサイトからリソースを取得しません。それはブラウザからそれらを取り出す。
すでに
How does webkit/chrome's WebInspector Resources Inspection work?
と
Getting Information from Google Chrome's Developer Tools
同様の質問Chromeデベロッパーツールは2つの部分のフロントエンド（HTML + JavaScriptの）とバックエンド（C++）を持っていて、そこでしたこれらの部分の間のプロトコルを指定するAPI。 the specification hereが表示されます。標準のDevToolsフロントエンドの代わりに独自のアプリを書くために使うことができます。
また、クロム拡張用のexperimental debugging APIがあります。
私はWebkit WebInspectorが穴のソースコードを調べて、ソースのすべてのリソースに一致すると思います。
したがって、<link href="something.css">と一致し、stylesheetの下のリソースパネルにsomething.cssが配置されます。他のタグとまったく同じことです。
正規表現を作成するのは難しくありません。
まあまあですが間違っています。 –
[webkit/chromeのWebInspectorリソース検査はどのように動作しますか？]（http://stackoverflow.com/questions/3381481） – givanse