web-dev-qa-db-ja.com

Chrome CSSソースマップをロードしていませんか？

最近まで、my ChromeブラウザはCSSソースマップファイルを正しくロードしていましたが、現在はそうではありません。

設定はオンです：

enter image description here

また、CSSファイルの下部にはソースマッピングタグがあります。

/*# sourceMappingURL=Home.cshtml.css.map */

しかし、[ネットワーク]タブとFiddler2は、Chromeがソースマップファイルを読み込もうとさえしていないことを示しています。

何か足りないものはありますか？ sourceMappingURL構文は正しいですか？ [CSSソースマップを有効にする]設定のオンとオフを切り替えました。

Chromeバージョン：44.0.2403.30 beta-m

VS 2013でWeb Essentialsによって生成されたSourcemapファイル

cssgoogle-chromeweb-essentialssource-maps
25
Glen Little

次の手順を試すことができます。

1-マップファイルを削除し、再度生成します。

2- chromeインスペクタを使用して、[設定]> [一般]に移動し、[デフォルトに復元して再ロード]ボタンをクリックします

9
alaahd

CSSファイルにbase64として埋め込まれたsourcemappingがある場合、それは正常に動作するようです。

例えば：

/*# sourceMappingURL=data:application/json;base64,eyJ2....5235== */
2
Glen Little

キャッシュされたCSSファイルを読み込んでいるため、変更が反映されない唯一の理由は、コードに問題がないようです。新しいCSSファイルを読み込むには、 shiftキーを押しながらリロードボタンを押す 要求するchromeキャッシュからロードするのではなく、すべてのファイルをリロードします。

0
Ismail Al.Mahdi

ああ、神様！問題は私を夢中にさせました！ CSSファイルが不完全であることがわかりました。これが問題を解決するために私がしたことです：

  1. CSSツールが開発ツールの設定で有効になっていることを確認します。
  2. CSSファイルの最後に、ソースマップへのリンクが含まれているかどうかを確認します。
  3. Shift + Click on the refresh buttonを押して、リソースを強制的に更新します。
0
ILYAS_Kerbal