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

css 修改後 不更新怎麼辦

藏色散人
發布: 2022-12-30 11:13:37
原創
5104 人瀏覽過

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中文網其他相關文章!

相關標籤:
css
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板