特定のファイルがページをレンダリングする方法を確認する方法

Question

クライアント用にLivemeshによって開発されたFitProテーマを編集しようとしています。ウェブサイトの読み込み速度が悪く、上記の折り畳みコンテンツを最適化できるように、すべてのCSSとJavaScriptが呼び出される場所を探しています。

クロムツールを使用しているときに、ソースタブでどこが表示されているかわかります。クロムがコンテンツをレンダリングした名前を教えてくれると思っています。

具体的にはどのようなファイルですか？私はそれを見つけることができないので。ヘッダー、インデックス、フロントページ...彼らはすべて私が大量検索（これを行うことができるように今コンテンツをダウンロードする）なしで見つけることができない関数を参照していますが、これは背後に本当の苦痛のように思えます。

どのファイルを探すのが良いか分かりますか？

Answer 1

(index)は、URLにインデックスを指定せずにアプリケーションにアクセスしたときにChromeがファイル名として使用するものです。実行する場合http://localhost/myapp/index.htmlhttp://localhost/myapp/index.htmlの代わりに

実際のインデックスを見つける必要があります。静的またはサーバ上のコンテンツをレンダリングしてページに出力するサーバスクリプトである場合があります。

Answer 2

(index)は、コンソールでのコマンドの発信元がわからないことを意味します。これは、evalのようなものを使用することに起因する可能性があります。これは、ページ自体とは独立した新しいスレッドコンテキストを作成します。

これは、あなたが探しているものは、何が起こっているかに完全に依存しているので、どこから来ているのか把握するためには、だからあなたのコード内でdebuggerステートメントは、どこから問題が発生していると思っているのか、コードが何をしているのかを調べます。

CSSの場合、これはスタイルがHTMLの<style>要素から発生していることを意味する可能性があります。その場合は、そのページの「インデックスファイル」からのものです。これは、HTMLファイルが与えられたリソースのものであれば、どんなものでもあります。