如何在 Visual Studio 调试期间强制 Chrome 重新加载 CSS 文件？

在 Visual Studio 中调试期间强制 Chrome 重新加载 .css 文件

使用 Chrome 在 Visual Studio 中调试 Web 应用程序时，您可能会遇到CSS 文件更新未反映在浏览器中的问题。这可能会令人沮丧，尤其是当您经常进行设计更改时。以下是解决此问题并强制 Chrome 在调试期间重新加载 .css 文件的方法：

CTRL SHIFT R / SHIFT F5

重新加载所有内容的最简单有效的方法资源，包括.css文件，在Chrome中是使用以下键盘快捷方式：

• Windows： CTRL SHIFT R
• OS X： SHIFT F5

这些快捷方式将绕过浏览器缓存并强制 Chrome 从服务器。

在网络设置中禁用缓存

另一个选项是在 Chrome 的网络设置中禁用缓存。为此：

1. 打开 Chrome 开发者工具 (CTRL SHIFT C)。
2. 单击“网络”选项卡。
3. 选中“禁用缓存”顶部的框。

这将禁用所有浏览器缓存，包括 .css 的缓存

注意：禁用缓存会影响 Web 应用程序的性能，因此建议仅将其用于调试目的。

调试技巧

• .aspx 文件中的内联样式更改将在以下情况下被拾取：令人耳目一新。
• ASP.NET MVC4 应用程序使用 GET 请求，这可能并不总是触发对 .css 文件的新请求。
• 如果您仍然遇到问题，请尝试在 Visual 中停止调试Studio，关闭 Chrome，然后以调试模式重新启动应用程序。

以上是如何在 Visual Studio 调试期间强制 Chrome 重新加载 CSS 文件？的详细内容。更多信息请关注PHP中文网其他相关文章！