3

私のウェブページに、CSSやjsファイル内に間違ったパスがありますが、どのjsやcssファイルがそのリソースをロードしようとしているのかを知る方法があります。私はブラウザのインス​​ペクタであまりにも多くの試みを試しましたが、私は理解できませんので、各jsとcssファイルでリソース名を検索する必要があります。失敗したリソースをロードしようとしている正確なjsまたはcssファイルを知る方法はありますか? ありがとうブラウザインスペクタイメージまたは他のリソースが、読み込みに失敗したcssまたはjsファイルに属しているかどうかを知る方法?

答えて

2

FirefoxとChrome DevToolsは、ネットワークのパネル内でリソースの要求を開始する方法を確認する方法を提供します。

クロームデベロッパーツール

Chromeのデベロッパーツール内ネットワークパネルはInitiator column内の要求元に関する情報を提供します。 「その他」と表示されている項目を除くすべての項目は、JavaScript、CSS、または文書内の行にリンクしています。
JavaScript呼び出しの場合は、ホバー上の要求につながったスタックトレースを表示します。

*Initiator* column in Network panel of Chrome DevTools

それも、あなたはShiftキーを押しながらリスト内のエントリを置くことにより、highlight the initiators and dependenciesすることができます。

Firefoxのデベロッパーツール

Firefoxのデベロッパーツールネットワークモニタは、リクエストではJavaScript、文書、CSS、または他のソースから来たかどうかを示すCause columnを持っています。

JavaScript呼び出しの場合、エントリを選択するときに、スタックトレースがスタックトレースのサイドバー内に表示されます。

*Cause* column in Network Monitor of Firefox DevTools

残念ながら、JavaScriptの以外の原因のためには(Firefoxの55のように)まだソースファイルに多くの有用な情報やリンクを提供していません。したがって、私はこの機能を改善するためにfiled several enhancement requestsを持っています。

関連する問題