温馨提示×

温馨提示×

您好,登录后才能下订单哦!

密码登录×
登录注册×
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》

css修改后不更新的解决办法

发布时间:2021-02-03 14:51:16 来源:亿速云 阅读:537 作者:小新 栏目:web开发

这篇文章给大家分享的是有关css修改后不更新的解决办法的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。

css修改后不更新的解决办法:1、调试前清除浏览器缓存;2、在调试页面中勾选“Disable cache”;3、使用“ctrl+shift+R”强制刷新;4、修改css和js代码。

在做web开发过程中,经常需要调试js代码,而在这个时候我们修改过的代码可能不能生效。这是因为浏览器默认是有缓存的,但是这个时候缓存就会影响我们的调试工作,在这里就介绍一下chrome浏览器解决该问题的方法。

chrome css修改不更新解决方法:

方法一:调试前清除浏览器缓存

在浏览器设置界面中

或使用快捷键直接清理缓存 ctrl+shift+delete

二、设置浏览器不缓存页面

在调试页面中勾选Disable cache

三、强制刷新页面

使用ctrl+shift+R 强制刷新,不使用浏览器缓存来刷新页面

四、从代码角度解决缓存问题

浏览器会缓存css或js文件,通过设置和改变版本号,浏览器就会重新下载新的js或css文件,在js或css后加?v= 版本号的用法如下

css和js带参数(形如.css?v=与.js?v= 或 .css?version=与.js?version= )

<script type=”text/javascript” src=”jsex.js?version=1.1.6″></script>
<link rel=’stylesheet’ href=’cssex.css?version=1.3.1′ type=’text/css’ />

感谢各位的阅读!关于“css修改后不更新的解决办法”这篇文章就分享到这里了,希望以上内容可以对大家有一定的帮助,让大家可以学到更多知识,如果觉得文章不错,可以把它分享出去让更多的人看到吧!

向AI问一下细节

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

css
AI