浏览器不显示JavaScript中的更改。它保留旧版本

时间:2013-10-28 21:42:42

标签: javascript css google-chrome browser

我正在使用:

  • Chrome

  • Codegnitor(PHP)

  • XAMPP

  • CSS和JS

我的问题是: 当我对CSS或JS进行小的更改(任何简单,微不足道的更改)时,浏览器不会显示此更改。只有当我重命名CSS或JS文件时,它才会显示更改。

看起来浏览器会记住旧版本的CSS或JS,当我在Chrome中重新加载页面时,它不会“去寻找更改”。

知道什么阻碍了浏览器?

我一直在寻找一个问题,但只发现浏览器根本没有考虑jS的人。

但我的浏览器确实如此。它deos加载JS,但不是我做的更改。

有趣的是,一周前我需要每天重命名一次或两次CSS和JS文件,但现在我需要在进行任何更改时重命名它以查看浏览器中显示的更改。

所以工作是不可能的。

有人有同样的问题吗?

P.S。我和Mozilla nad IE有同样的问题。所以我想我的电脑可能有问题。它可能是那些安全计划之一。两个星期前我和FileZilla有一个,但我以为我已经摆脱它了。也许它仍然在后台制造混乱。

3 个答案:

答案 0 :(得分:5)

当开发人员工具可见时,您可以禁用缓存。 点击F12并点击右下角的小齿轮。 在“常规”中确保第一个框“禁用缓存(当DevTools打开时)”被勾选并且你很高兴

答案 1 :(得分:0)

您的浏览器可能会缓存CSS和js资源。

当您更改并重新加载以进行测试时,请尝试使用Ctrl + R重新加载以刷新重新加载中的缓存。这适用于所有浏览器。

答案 2 :(得分:-1)

为了防止其他人遇到此问题,您可以在文件名中添加一个get变量,例如src="js/custom.js?version=1",然后如果它不知道就会重新检查。你可以拥有这样的所有自定义javascript和css文件,并使用php之类的东西:

src="js/custom.js?version=<?php echo $version; ?>"

然后在您进行更改时随时在一个地方更新$version。这也将保证用户也能看到变化。