Chrome 未加载 CSS 源地图？
Chrome not loading CSS source maps?
直到最近，我的 Chrome 浏览器才能正确加载 CSS 源映射文件。现在不是了。
设置开启：
并且 CSS 文件底部有一个源映射标签：
/*# sourceMappingURL=Home.cshtml.css.map */
但是“网络”选项卡和 Fiddler2 显示 Chrome 甚至没有尝试加载源映射文件。
有什么我想念的吗？ sourceMappingURL 语法是否正确？我已经打开和关闭 "Enable CSS source maps" 设置。
Chrome 版本：44.0.2403.30 beta-m
Web Essentials 在 VS 2013 中生成的 Sourcemap 文件。
您可以尝试以下步骤：
1-删除地图文件，重新生成
2- 使用 chrome 检查器，转到设置 > 常规，然后单击按钮 "Restore defaults and reload"
当 CSS 文件将源映射嵌入为 base64 时，它似乎工作正常。
例如：
/*# sourceMappingURL=data:application/json;base64,eyJ2....5235== */
是否每个 scss 文件都需要从外部访问才能使这项工作正常进行？我配置了 css 地图，但我发现每个正在处理的 .scss 文件都无法从浏览器访问
天哪！这个问题让我抓狂！我发现 CSS 文件不完整。
这是我为解决问题所做的工作：
- 确保在开发工具设置中启用 CSS 地图。
- 检查 CSS 文件的末尾是否包含 link 到源映射。
- 按
Shift + Click on the refresh button强制更新资源。
您的代码似乎没问题，它没有反映更改的唯一原因是您正在加载缓存的 CSS 文件。要加载新的 CSS 文件，您需要 按住 shift 并按下重新加载按钮 以要求 chrome 重新加载所有文件，而不是从现金。
直到最近，我的 Chrome 浏览器才能正确加载 CSS 源映射文件。现在不是了。
设置开启：
并且 CSS 文件底部有一个源映射标签：
/*# sourceMappingURL=Home.cshtml.css.map */
但是“网络”选项卡和 Fiddler2 显示 Chrome 甚至没有尝试加载源映射文件。
有什么我想念的吗？ sourceMappingURL 语法是否正确？我已经打开和关闭 "Enable CSS source maps" 设置。
Chrome 版本：44.0.2403.30 beta-m
Web Essentials 在 VS 2013 中生成的 Sourcemap 文件。
您可以尝试以下步骤：
1-删除地图文件，重新生成
2- 使用 chrome 检查器，转到设置 > 常规，然后单击按钮 "Restore defaults and reload"
当 CSS 文件将源映射嵌入为 base64 时，它似乎工作正常。
例如：
/*# sourceMappingURL=data:application/json;base64,eyJ2....5235== */
是否每个 scss 文件都需要从外部访问才能使这项工作正常进行？我配置了 css 地图，但我发现每个正在处理的 .scss 文件都无法从浏览器访问
天哪！这个问题让我抓狂！我发现 CSS 文件不完整。 这是我为解决问题所做的工作：
- 确保在开发工具设置中启用 CSS 地图。
- 检查 CSS 文件的末尾是否包含 link 到源映射。
- 按
Shift+Click on the refresh button强制更新资源。
您的代码似乎没问题，它没有反映更改的唯一原因是您正在加载缓存的 CSS 文件。要加载新的 CSS 文件，您需要 按住 shift 并按下重新加载按钮 以要求 chrome 重新加载所有文件，而不是从现金。