下の画像にあるように、ソースタブがあり、私のプロジェクトファイルを閲覧することができます。Firefox DevToolsにChromeのDevToolsの[Sources]パネルと同等の機能がありますか?
また、私のFirefoxのデベロッパーツールはストレージタブは表示されません。私はそれが私のプロジェクトファイルを閲覧できるタブだと信じています。それを有効にするには?
これは私の実際のプロジェクト構造である:
下の画像にあるように、ソースタブがあり、私のプロジェクトファイルを閲覧することができます。Firefox DevToolsにChromeのDevToolsの[Sources]パネルと同等の機能がありますか?
また、私のFirefoxのデベロッパーツールはストレージタブは表示されません。私はそれが私のプロジェクトファイルを閲覧できるタブだと信じています。それを有効にするには?
これは私の実際のプロジェクト構造である:
あなたが設定に切り替える必要がFirefoxのデベロッパーツールでストレージパネルを有効にするには:
Storageパネルの目的は、Cookieのようなストレージ、IndexedDB、ローカルおよびセッションストレージを表示することです。ファイルは表示されません。
デバッガーパネルはJavaScriptをデバッグするためのものです。したがって、JavaScriptソースのみが表示されます。
Firefox DevToolsには、Chrome DevToolsと同じように1か所にすべてのファイルを表示するパネルがありません。あなたに同じ情報を表示する別の専門パネルがありますが。例えば。 Style EditorにはすべてのCSSソースが表示されます。ネットワークパネルには、要求されたすべてのファイルがネットワーク要求情報に焦点を当てて表示されます。
'html'ファイルはどうですか?私の目的は、私のHTMLファイルで 'javascript'コードをデバッグすることです。 – Abhilash
HTMLファイル内のJavaScriptコードは、* Debugger *パネル内にも表示されます。一般的に、すべてのJavaScriptコードがそこにあります。 'eval()'を使って作成するか、 '