JSソースマップをChrome devtoolsに追加するにはどうすればよいですか？

Question

私の展開したJavaScriptアプリケーションが例外を送出します。 Javascriptコードは難読化されています。私は元のソースコードのどの行で例外が発生しているか知りたいと思います。ソースマップは配備されていないため、Chrome Devtoolsは接続できません。ローカルホストにソースマップがあるかもしれません。

だから、基本的に私は、例外が発生した行番号を、知るためにブラウザに私のマシンからソースマップを追加したいと思います。

私はAdd Folder to WorkspaceとMap to File System Resourceを試してみました。それは助けにはならない。例外はブラウザのコンソールに表示されますが、それでも難読化されたjavascriptソースを指していて、目的の行番号は検出できません。

私は何かが間違っている可能性があります。どんな援助も感謝しています（追加の拡張機能やその他のブラウザの使用を含む）。ワークスペースがあるほどの強力な

Answer 1

、あなたが知っておくべきいくつかの制限があります。

制限

• 要素パネルでのみスタイルの変更が保持されます。 DOMへの変更は永続化されません。
• 外部CSSファイルで定義されたスタイルのみ保存できます。 element.styleまたはインラインスタイルへの変更は永続化されません。
• 要素パネルのスタイルの変更は、明示的な保存（Ctrl + SまたはCmd + S（Mac））なしで直ちに保持されます。 CSSリソースはローカルファイルにマップされます。
• あなたの代わりに、ローカルサーバーのリモートサーバーからファイルをマッピングしている場合は、ページを更新すると、Chromeは、リモートサーバーからページをリロードします。変更はディスクに残っており、作業領域で編集を続行すると再適用されます。
• ブラウザでマップされたファイルの絶対パスを使用する必要があります。ステージングされたバージョンを表示するには、インデックスファイルでもURLに.htmlを含める必要があります。

https://developers.google.com/web/tools/setup/setup-workflow