1、手動清除瀏覽器緩存

2、添加版本號（如 layout.css?v=1）

個人認為方法2更快，因為清除瀏覽器緩存還要等瀏覽器響應。但是每次更改版本號也很麻煩，所以需要想辦法自動添加版本號，

以下是本人收集的方法：

方法一：可以通過js自動給html添加版本號

<script type="text/javascript"> 
document.write("<link rel='stylesheet' type='text/css' href='/css/layout.css?v="+new Date().getTime()+"'>");  
</script>

方法二：若是jsp頁面，可以使用java代碼生成時間戳（若是jsp頁面用方法一也行，但此方法更方便）

<link rel="stylesheet" type="text/css" href="/css/layout.css?v=<%=System.currentTimeMillis() %>">

方法三：使用其他的方法添加版本號，如用node.js自動配置等

ps：我們清除緩存的目的是為了及時看到頁面的更新情況，當我們將頁面上線時（即部署到正式環境，不會再做更改），建議把版本號固定，因為有緩存的頁面訪問更快，需要更新的時候再更換下固定版本號。

相信看了這些案例你已經掌握了方法，更多精彩請關注php中文網其它相關文章！

相關閱讀：

H5里圖片中有縫隙應該如何解決

html5的頁面結構需要注意那些方面

localStorage與sessionStorage該如何使用

以上就是怎樣讓前端界面自動清理js、css文件的緩存的詳細內容，更多請關注php中文網其它相關文章！