私は初期に、chrome開発ツール(inspect要素)を使ってデバッグとテストを行っていました。 DevツールのResourcesコラムでは、Chromeはいつでもサーバーからリソースにアクセスして表示できます(リンク、動画、画像など)。 Chromeがそれをどうやって行うのだろうか。同じことをやっているコードを書く方法はありますか?(他のウェブサイトのサーバーリソースにアクセスし、変更するのではなく、ウェブサイトで現在再生中のビデオのリンクを表示します。再生ボタンがヒットします)?Chrome Dev Toolsコンソールはどのようにウェブサイトのリソースにアクセスしますか?
1
A
答えて
3
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があります。
0
私はWebkit WebInspectorが穴のソースコードを調べて、ソースのすべてのリソースに一致すると思います。
したがって、<link href="something.css">
と一致し、stylesheetの下のリソースパネルにsomething.cssが配置されます。他のタグとまったく同じことです。
正規表現を作成するのは難しくありません。
+1
まあまあですが間違っています。 –
関連する問題
- 1. chrome dev toolsに別のソースマップファイルをロード
- 2. Chrome Dev Toolsのカスタムクラスのjavascriptクラス名はどのように計算されますか?
- 3. Chrome Dev Tools:要素にどのような種類のイベントが添付されていますか?
- 4. Chrome Dev Toolsでバックボーン固有のイベントリスナーを確認するにはどうすればよいですか?
- 5. erlangはどのように共有リソースにアクセスしますか?
- 6. javascript code chrome dev toolsを変更する
- 7. Chrome Dev Toolsの「Hit Test」タイムラインエントリとは何ですか?
- 8. Chrome Dev Toolsで要素を作成するにはどうすればよいですか?
- 9. Chrome:コンソールからURLにアクセス
- 10. chrome dev-toolsのネットワーク調整が設定より遅いようです
- 11. chrome dev tools:タイムラインにフレームビューがありません
- 12. Chrome Dev Tools拡張機能からWebSocketsフレームを検査する
- 13. コンソールからRuby on Rails Rails.root.join ymlファイルにどのようにアクセスしますか?
- 14. どのように私はアンドロイドテストプロジェクトで生のリソースにアクセスできますか?
- 15. Django dev environementはどのようにセットアップしましたか?
- 16. Chrome Dev Toolsの特定のドメインからのトラフィックを表示する方法
- 17. Chrome Dev Toolsのレスポンス本文をクリップボードにコピーする方法はありますか?
- 18. Chrome Dev Toolsで最後にログに記録されたオブジェクトと対話する方法はありますか?
- 19. ウェブサイトにアクセスしたデバイスをどのように検出できますか?
- 20. Redux Dev Tools Chrome拡張機能Immutable.jsでエラーが発生しました
- 21. Chrome Devtoolsは常にどのように有効にしますか?
- 22. Google Chrome Dev Toolsでは半透明のCSSプロパティは何を意味していますか?
- 23. gnome extensionsのウェブサイトはどのように機能しますか?
- 24. このウェブサイトはどのようにイメージをレンダリングしますか?
- 25. SASSをChrome Dev Toolsのように機能させ、保存せずにリアルタイムで更新することはできますか?
- 26. WebアプリケーションのようなコンソールのJavascriptリソース?
- 27. Google Chromeインスタントオムニボックスはどのように機能しますか?
- 28. Adblock PlusはどのようにChromeで動作しますか?
- 29. Googleアナリティクスはどのようにウェブサイトを認証しますか?
- 30. 2016年にChromeのGoogle Chrome ARCアプリファイルシステムにアクセスするにはどうすればよいですか?
[webkit/chromeのWebInspectorリソース検査はどのように動作しますか?](http://stackoverflow.com/questions/3381481) – givanse