首頁 >web前端 >前端問答 >css 修改後 不更新怎麼辦

css 修改後 不更新怎麼辦

藏色散人
藏色散人原創
2021-02-03 10:04:005109瀏覽

css修改後不更新的解決方法:1、調試前清除瀏覽器快取;2、在偵錯頁面中勾選「Disable cache」;3、使用「ctrl shift R」強制刷新;4、修改css和js程式碼。

css 修改後 不更新怎麼辦

本文操作環境:windows7系統、HTML5&&CSS3版本、Dell G3電腦。

在做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影片教學

以上是css 修改後 不更新怎麼辦的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
上一篇:WebUI是什麼下一篇:WebUI是什麼