css修改后不更新的解決辦法

這篇文章給大家分享的是有關(guān)css修改后不更新的解決辦法的內(nèi)容。小編覺(jué)得挺實(shí)用的，因此分享給大家做個(gè)參考，一起跟隨小編過(guò)來(lái)看看吧。

css修改后不更新的解決辦法：1、調(diào)試前清除瀏覽器緩存；2、在調(diào)試頁(yè)面中勾選“Disable cache”；3、使用“ctrl+shift+R”強(qiáng)制刷新；4、修改css和js代碼。

在做web開(kāi)發(fā)過(guò)程中，經(jīng)常需要調(diào)試js代碼，而在這個(gè)時(shí)候我們修改過(guò)的代碼可能不能生效。這是因?yàn)闉g覽器默認(rèn)是有緩存的，但是這個(gè)時(shí)候緩存就會(huì)影響我們的調(diào)試工作，在這里就介紹一下chrome瀏覽器解決該問(wèn)題的方法。

chrome css修改不更新解決方法：

方法一：調(diào)試前清除瀏覽器緩存

在瀏覽器設(shè)置界面中

或使用快捷鍵直接清理緩存 ctrl+shift+delete

二、設(shè)置瀏覽器不緩存頁(yè)面

在調(diào)試頁(yè)面中勾選Disable cache

三、強(qiáng)制刷新頁(yè)面

使用ctrl+shift+R 強(qiáng)制刷新，不使用瀏覽器緩存來(lái)刷新頁(yè)面

四、從代碼角度解決緩存問(wèn)題

瀏覽器會(huì)緩存css或js文件，通過(guò)設(shè)置和改變版本號(hào)，瀏覽器就會(huì)重新下載新的js或css文件，在js或css后加?v= 版本號(hào)的用法如下

css和js帶參數(shù)（形如.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’ />

感謝各位的閱讀！關(guān)于“css修改后不更新的解決辦法”這篇文章就分享到這里了，希望以上內(nèi)容可以對(duì)大家有一定的幫助，讓大家可以學(xué)到更多知識(shí)，如果覺(jué)得文章不錯(cuò)，可以把它分享出去讓更多的人看到吧！