3

X-SourceMapヘッダーを認識するためにFirefox(またはそのことについては任意のブラウザ)を取得できません。私のコードのために。コメントは//# SourceMappingURLブラウザ側で機能しますが、システム固有の理由で使用できません。

X-SourceMap成功していないように見えるので、ソースマップを設定するためにヘッダーがどのような条件で使用されるのか興味があります。これは私のコードがどのようにフェッチされるかに関連していると考えています.devtoolsは、ソースマップもフェッチする必要があるjavascriptファイルをフェッチしていることを何らかの形で「認識」していません。

https://hg.mozilla.org/mozilla-central/rev/5a0161f8a11eは、これがどのように実装されているかを示しているように見えますが、このコードベースに慣れていない人には、X-SourceMapヘッダーが処理されたと判断される方法がわかりません。

4

1 に答える 1

1

ヘッダーのX-SourceMapサポートは、いくつかのブラウザーで確認されています。

Firefox 50.1は、JavaScript ファイルのヘッダーのみをサポートします。 CSS ファイルX-SourceMapのヘッダーはサポートされていません。ヘッダーはまったくサポートされていませんX-SourceMapSourceMap

Google Chrome 50 および Chromium 55 の DevTools は、JavaScript と CSS のヘッダーX-SourceMapとヘッダーの両方をサポートしています。ヘッダーは数年前に廃止されSourceMapましたが。X-SourceMap

現在、//# sourceMappingURL=<url>注釈はブラウザーで最大のサポートを受けているようです。ファイルの変更が適用されない場合。解決策は、ある種のWebサーバーミドルウェアまたはmitmプロキシを使用して、オンザフライでソースマップ注釈をWebサーバーレスポーズに追加することです。たとえば、Node.js などのconnect-sourcemapsです。

于 2016-12-25T19:17:26.640 に答える