web-dev-qa-db-ja.com

ブラウザはいつソースマップをダウンロードしますか？

ブラウザはいつ縮小ファイルのソースマップをダウンロードしますか？

縮小ファイルのソースマップ（.mapのような拡張子がscriptname.min.js.mapで終わる外部ファイル）をダウンロードする場合のif/whenで、任意のブラウザーのドキュメントを見つけるのに苦労しています。

作成するマップファイルの詳細を決定しようとしています（ファイルサイズに大きく影響します）が、Googleでファイルがダウンロードされる場所がわかりませんChrome（ Dev Toolsのネットワークタブ）ですが、ソースタブでデバッグするときに使用できます。

javascriptgoogle-chromeinternet-explorerfirefoxsource-maps
25
Ben Rondeau

デベロッパーツールを開くと、ソースマップがダウンロードされ、ブラウザに添付されます。それまでは、ブラウザはsourceMapを認識していません。

ChromeのDevツールへのコードリファレンスがあります

https://chromium.googlesource.com/chromium/src/+/refs/tags/75.0.3770.67/third_party/blink/renderer/devtools/front_end/sdk/DebuggerModel.js

this._sourceMapManager.setEnabled(Common.moduleSetting('jsSourceMapsEnabled').get());

上記のコードで起こることの短い要点はです

Devtoolsがアタッチされると、モーダルトリガーが起動し、sourceMapManagerが有効になります。 sourceMapManagerはChromeのsourceMapを管理します。 SourceMapManagerが初期化されると、＃sourceMapUrlのダウンロードを探し、マップをデバッガーにアタッチします。

Update注：ソースマップがプライベートネットワークから提供されない限り、縮小ファイルにソースマップを追加することは習慣ではありません。これは、セキュリティ、難読化などのさまざまな理由によるものですが、これは私の意見であり、実際の要件によって異なります。例：コードを添付する必要があるエラー追跡ツールがある場合は、ソースマップを添付する必要があります。

34
karthick