2016-11-26 3 views
1

下の画像にあるように、ソースタブがあり、私のプロジェクトファイルを閲覧することができます。Firefox DevToolsにChromeのDevToolsの[Sources]パネルと同等の機能がありますか?

*Sources* tab in Chrome DevTools

Sources shown in Chrome DevTools

また、私のFirefoxのデベロッパーツールはストレージタブは表示されません。私はそれが私のプロジェクトファイルを閲覧できるタブだと信じています。それを有効にするには?

Sources shown in Firefox DevTools

これは私の実際のプロジェクト構造である:

Project structure in file system

答えて

4

あなたが設定に切り替える必要がFirefoxのデベロッパーツールでストレージパネルを有効にするには:

*Storage* panel activation

Storageパネルの目的は、Cookieのようなストレージ、IndexedDB、ローカルおよびセッションストレージを表示することです。ファイルは表示されません。

デバッガーパネルはJavaScriptをデバッグするためのものです。したがって、JavaScriptソースのみが表示されます。

Firefox DevToolsには、Chrome DevToolsと同じように1か所にすべてのファイルを表示するパネルがありません。あなたに同じ情報を表示する別の専門パネルがありますが。例えば。 Style EditorにはすべてのCSSソースが表示されます。ネットワークパネルには、要求されたすべてのファイルがネットワーク要求情報に焦点を当てて表示されます。

+0

'html'ファイルはどうですか?私の目的は、私のHTMLファイルで 'javascript'コードをデバッグすることです。 – Abhilash

+1

HTMLファイル内のJavaScriptコードは、* Debugger *パネル内にも表示されます。一般的に、すべてのJavaScriptコードがそこにあります。 'eval()'を使って作成するか、 '

関連する問題