为什么有时 Chrome Dev Tool 显示 scss 文件而不是编译的 css 文件？
Why sometimes Chrome Dev Tool shows scss file instead of compiled css file?
如上图所示，在检查某些元素时，Chrome Dev Tool 显示它与 .scss 文件相关，当我单击该文件时，它是空的。我在 macOS 上用 Safari 对其进行了测试，它也显示了这个 scss 文件，但是当点击时，它正确地显示了这个 scss 文件的内容。开发工具似乎在这里被窃听了。
无论如何，我的问题是，在什么情况下 Chrome 开发工具（等）会显示 scss 文件而不是编译的 css 文件？
您不必显示 scss 文件，请取消选中 启用 CSS 源映射 复选框
- 第一步：-请打开chrome开发者工具
- 步骤 2:- 按 F1 键
- 步骤 3:- 取消选中 启用 CSS 源映射 复选框
这是因为 typography.css.map 文件与 typography.css 文件位于同一目录中。 Chrome 识别此地图文件并显示 typography.scss 而不是 typography.css。这也适用于 mozilla。
无论如何，我的问题是，在什么情况下 Chrome 开发工具（等）会显示 scss 文件而不是编译的 css 文件？
您不必显示 scss 文件，请取消选中 启用 CSS 源映射 复选框
- 第一步：-请打开chrome开发者工具
- 步骤 2:- 按 F1 键
- 步骤 3:- 取消选中 启用 CSS 源映射 复选框
这是因为 typography.css.map 文件与 typography.css 文件位于同一目录中。 Chrome 识别此地图文件并显示 typography.scss 而不是 typography.css。这也适用于 mozilla。