当前位置: 首页 > 知识库问答 >
问题:

在Visual Studio中调试时如何强制Chrome浏览器重新加载.css文件?

曾新立
2023-03-14

我当前正在Visual Studio2012中编辑一个.css文件(在调试模式下)。我用Chrome作为我的浏览器。当我在Visual Studio中对应用程序的.css文件进行更改并保存时,刷新页面时将不会加载在我的.css文件中更新的更改。我认为.css文件仍然被缓存。

我试过:

  1. Ctrl/F5
  2. 在Visual Studio 2012中,转到“项目属性”、“Web”选项卡,在“开始操作”部分“粘贴”中选择“开始外部程序”,或在“命令行参数”框“PUT-INCONGINITO”中浏览到Google Chrome的路径(我的路径是C:\Users\xxx\AppData\Local\Google\Chrome\Application\Chrome.exe)
  3. 使用Chrome开发者工具,点击“齿轮”图标,勾选“禁用缓存”。

除非我手动停止调试(关闭Chrome),重新启动应用程序(在调试中),否则似乎什么都不会工作。

有没有办法强制Chrome总是重新加载所有的css更改和重新加载.css文件?

更新:
1。我的.aspx文件中的行内样式更改将在我刷新时拾取。而.css文件中的更改则不会。2.它是一个ASP.NET MVC4应用程序,所以我点击了一个超链接,这会得到一个GET。这样做,我没有看到对样式表的新请求。但单击F5,.css文件将被重新加载,状态代码(在network选项卡上)为200。

共有2个答案

孔鸿宝
2023-03-14

强制chrome重新装载css和JS:

Windows选项1:Ctrl+Shift+R
Windows选项2:Shift+F5

OS X:+Shift+R

正如@paulslocum在评论中所说的那样进行了更新(许多评论得到了确认)

原答案:

铬改变了行为。Ctrl+R执行此操作。

在OS X上:+R

如果重新加载CSS/JS文件时遇到问题,请在重新加载之前打开检查器(Ctrl+Shift+C)。

夏朗
2023-03-14

有更复杂的解决方案,但一个非常容易、简单的解决方案就是在CSS include中添加一个随机查询字符串。

例如src=“/css/styles.css?v={random number/string}”

如果您使用的是php或其他服务器端语言,则可以使用time()自动完成此操作。因此,它将是styles.css?v=<?=time();?>

这样,查询字符串每次都是新的。正如我所说的,有更复杂的更动态的解决方案,但在测试目的中,这种方法是top(IMO)。

 类似资料:
  • 问题内容: 我注意到一些浏览器(特别是Firefox和Opera)非常热衷于使用.css和.js文件的缓存副本,即使在浏览器会话之间也是如此。当你更新这些文件之一但用户的浏览器继续使用缓存的副本时,这会导致出现问题。 问题是:强制用户浏览器在文件更改后重新加载文件的最优雅方法是什么? 理想情况下,该解决方案不会强制浏览器在每次访问页面时重新加载文件。我将发布自己的解决方案作为答案,但我很好奇是否有

  • 问题内容: 一切正常,但是只有当文件很小(大约1MB)时,当我尝试使用更大的文件(例如20MB)时,我的浏览器将其显示,而不是强制下载,到目前为止,我尝试了许多标头,现在我的代码看起来像: 问题答案: 在将文件内容写入输出流之后,你将设置响应头。在响应生命周期中设置标头很晚。正确的操作顺序应该是首先设置头,然后将文件的内容写入servlet的输出流。 因此,你的方法应编写如下(由于仅是表示形式,因

  • 问题内容: 我想确保通过AJAX调用请求的数据是新鲜的,而不是被缓存的。为此,我发送标题 但是如果用户按下F5键,我的Chrome版本33会覆盖此标头。 例。将内容与您的网络服务器放在一起 在网络标签上的Chrome调试器中,我看到了test.html AJAX调用。状态代码200。现在按F5重新加载页面。最长寿命:0,状态码304未修改。 Firefox表现出类似的行为。只是覆盖了请求标头,它会

  • 我需要以某种方式检测用户是否按下了浏览器后退按钮,并使用jquery通过刷新(重新加载内容和CSS)重新加载页面。 如何通过jquery检测此类操作? 因为现在如果我在浏览器中使用后退按钮,一些元素不会被重新加载。但如果我在网站上使用链接,所有内容都会被刷新并正确显示。 重要! 有些人可能误解了我想要什么。我不想刷新当前页面。我想在按下后退按钮后刷新加载的页面。以下是我更详细的意思: 用户正在访问

  • 问题内容: 我正在通过XAMPP开发基于Wordpress源代码的网站。有时,我更改了CSS代码,脚本或其他内容,但我注意到我的浏览器需要花费一些时间来应用修改。这导致我使用多个浏览器刷新一个浏览器,如果不应用新样式,则尝试第二个浏览器,而且总是这样。 有什么办法可以避免这个问题?有时我在更改代码时没有注意到先前的修改。 问题答案: 一般解决方案按Ctrl+ F5(或Ctrl+ Shift+ R)

  • 问题内容: 我正在基于CSS3过渡构建非jQuery响应式图像滑块。 结构很简单:一个视口和内部相对定位的UL,左侧浮动LI。 在这种情况下,我面临一个问题: 用户单击“上一个”箭头。 JS在当前显示的LI节点之前附加适当的LI。 目前,UL已将CSS过渡设置为防止动画更改。此时,我将UL CSS左值减小滑块宽度(比方说:从0px到-1200px),以使视图保持原样。 现在,我将UL的过渡属性更改