如何在 Chrome 中动态重新加载 CSS 文件以进行高效调试
当 Chrome 缓存原始 CSS 文件时,调试 CSS 更改可能会令人沮丧。要在不手动停止和重新启动应用程序的情况下重新加载更新的 CSS 文件,有一些有效的方法。
方法 1:强制重新加载快捷方式
-
Windows: 按 CTRL SHIFT R.
-
OS X: 按 ⌘ SHIFT R.
这将强制 Chrome 重新加载所有页面资源,包括更新的 CSS
方法 2:在开发者工具中禁用缓存
- 按 CTRL SHIFT C.
单击点击“齿轮”图标并选中“禁用缓存”。-
这将阻止 Chrome 缓存任何资源,包括 CSS 文件。不过,这是一个临时解决方案,必须手动重新启用。
方法 3:使用隐身模式
在 Visual Studio 中,设置“开始”外部程序”到 Chrome 的路径,以“-incognito”作为命令行参数。这将以隐身模式启动 Chrome,该模式会自动禁用缓存。-
其他提示:
确保 .aspx 中的内联 CSS 更改文件被拾取,因为它们不受缓存的影响。- 进行 GET 时通过超链接请求,样式表可能不会重新加载。 F5 可用于通过 CSS 更新强制重新加载完整页面。
- 对于 JS 文件重新加载,请使用相同的快捷键或在开发人员工具中禁用缓存。
-
以上是如何在 Chrome 中动态重新加载 CSS 文件以加快调试速度?的详细内容。更多信息请关注PHP中文网其他相关文章!