浏览器未在开发者工具中显示来自缩小 css 的 css 来源
Browser not showing css sources from minified css in developer tools
我在我的网站上添加了一个 minifed css 以获得更好的速度和性能。但是,当我查看浏览器开发人员工具时,任何元素的 css 源都来自正常的 theme.css 文件,而不是 theme.min.css.
我不知道我缩小的 css 文件是否正在使用?有哪位大侠指教
此外,我还有 theme.min.css.map 文件。什么时候使用?
您提供的文件名是否正确?它应该是 theme.min.css
而不是 theme.css
- 再次确认您提供了正确的文件名,您可能没有或
- 可能是从缓存中加载了内容,如果您使用的是 Mozilla firefox 浏览器,请清除缓存或尝试 硬刷新 按
Ctrl+f5
。
如果您在标签中看到缩小的 CSS 文件路径,则表明正在使用它。如果 Chrome 开发人员工具以 斜体 显示原始文件,地图将引用它。像这样:
图片来自:
我在我的网站上添加了一个 minifed css 以获得更好的速度和性能。但是,当我查看浏览器开发人员工具时,任何元素的 css 源都来自正常的 theme.css 文件,而不是 theme.min.css.
我不知道我缩小的 css 文件是否正在使用?有哪位大侠指教
此外,我还有 theme.min.css.map 文件。什么时候使用?
您提供的文件名是否正确?它应该是 theme.min.css
而不是 theme.css
- 再次确认您提供了正确的文件名,您可能没有或
- 可能是从缓存中加载了内容,如果您使用的是 Mozilla firefox 浏览器,请清除缓存或尝试 硬刷新 按
Ctrl+f5
。
如果您在标签中看到缩小的 CSS 文件路径,则表明正在使用它。如果 Chrome 开发人员工具以 斜体 显示原始文件,地图将引用它。像这样:
图片来自: