web-dev-qa-db-ja.com

Chrome DevToolsのソースマップを無効にします

Chrome DevToolsに示されているjsxコードから生のES5に切り替えて元に戻す簡単な方法はありますか?

68
Jack Allan

開発者ツールを開き、開発者ツールの「設定」に移動し、「ソース」設定の下にあるEnable JavaScript Sourcemapsのチェックを外します。

Settings for Developer Tools

JS sourcemaps toggle

93
Garbee

行番号をダブルクリックして、ソースファイルから縮小されていない出力ファイルにジャンプできます。それ以外は制限されているようです。以下のコメントを参照してください。

これは開発中に役立つことがわかりました。 jsを縮小せずにwebpack-dev-server(または他のツール)を使用する場合、ソースファイルの行番号をダブルクリックして、コンパイルされたが縮小されていない出力ファイルにジャンプできます。

私は偶然これを偶然発見し、2016年12月21日からこのコメントを見つけました: https://bugs.chromium.org/p/chromium/issues/detail?id=532174#c7

行番号をダブルクリックして元のファイルにジャンプできますが、縮小されたファイルのすべての改行が削除されている場合、それはまったく役に立ちません:(

Wordでラップすると、この機能が向上します https://bugs.chromium.org/p/chromium/issues/detail?id=167287

縮小されたファイルのセクションをダブルクリックして、ソースにマップされたファイルにジャンプするためのサポートがいくつかあったと思いますが、最近は後退しているようです。

理想的には、ソースマップを含む縮小ファイルで、縮小ファイルの任意の場所を右クリック(またはダブルクリック)すると、その正確なファイル、行、および列にジャンプできるはずです。

1
Scotty Waggoner