跳到主要內容

編寫網頁必用,HTML 防止瀏覽器快取 (Cache),隨時顯示最新版的網頁 (Google Chrome、Firefox、IE...等適用)



直接寫 Live 網頁的時候最討厭遇到的問題就是瀏覽器自作聰明的把它 Cached 了,導致你怎麼改顯示的都是剛剛快取起來的結果,這樣確實減小許多對伺服器端的負載 (尤其是有 Database 的動態網頁),但對編寫網頁實在是很不方便,所以可以透過暫時追加幾行 Code 來避免瀏覽器 (Google Chrome、Firefox、IE...等) 把網頁快取起來,這樣就能隨時看到最新修改的版本了。


這部分就是防止在用戶端的瀏覽器快取,但如果是伺服器端自己對 Database 轉成靜態內容的快取是沒有辦法用這個手段避免的。


-- 這篇是參考自 IT 邦幫忙 @逮丸逮丸 的貼文。(來源)


<META HTTP-EQUIV="PRAGMA" CONTENT="NO-CACHE">
<META HTTP-EQUIV="EXPIRES" CONTENT="0">
<META HTTP-EQUIV="CACHE-CONTROL" CONTENT="NO-CACHE">
只要在 <head> 內加上上述三行程式碼就可以防止瀏覽器快取,其實三行都是相同的意思但為了確保每種瀏覽器都能正確得到這個訊息所以用不同的表示方法。記得在編修完網頁之後要把這三行給拿掉,否則搜尋引擎蜘蛛 (Spider) 如果看到你沒有好好利用快取可是會對 SEO 扣分的。


留言

張貼留言



這個網誌中的熱門文章

WinRAR - 繁體中文版、免費版,別再破解了,老牌壓縮軟體直接免費給你用

WinRAR 應該對於所有 Windows 使用者一點都不陌生,可能也是很多人壓縮、解壓縮檔案的首選,舉凡 RAR、ZIP、7-Zip、TAR ...等檔案格式都可以處理,製作自解壓縮 (.EXE) 檔也沒問題,也算是最老牌的解壓縮軟體之一。 WinRAR 官方網站 :  https://www.win-rar.com 繁體中文版 :  https://rar.tw/download.html 永久免費簡體版 :  http://www.winrar.com.cn/download.htm 其實我也不太理解為什麼一個 WinRAR 可以有這麼多版本、不同語系的官網,畢竟在最原始的官網內也有「漢語」(簡體中文) 的選項,所以其他的國家自己的官網算代理商嗎? 如果真的要說我會比較建議到 英文版的官網 下載,畢竟這種軟體轉了一手又一手,加了什麼都不知道。

Linux (Ubuntu) 查詢硬碟容量、剩餘大小指令

在 Ubuntu Desktop 版本或有安裝 GUI 像 Xfce 的 Server 版本當然可以直接從圖形介面查看硬碟容量和已經使用的大小, 但如果是在純 CLI 版本或使用 SSH 連線時呢?那就需要用到指令了。 顯示硬碟容量、已使用、可用大小。 df -h 查詢資料夾所占硬碟的大小。 du -h 查詢檔案大小 ls -l

如何在 Blogger 或個人網站上嵌入可以管理的 Facebook 留言板 (FB Comments Social Plugin) 教學

Blogger 原生的留言板其實做得滿爛的,大部分人都會選擇使用像 FB 提供的留言框架來作替代,那如果是自架的 CMS 像 Wordpress 或許有比較好的留言 Plugins 可以選用,而靜態網頁或其他網站甚至得從頭到尾自己搞,光是資訊的回傳、身分驗證等就是個大工程,但 Facebook  Comments 只要加上簡單一段程式碼就能建置功能完善還附帶留言審查的回響功能,可以說是非常方便。 如果要建立附有管理功能的 Facebook 留言板就必須到 Facebook for developers 建立自己的應用程式並且複製這個 應用程式編號 ,供之後留言板需要。 留言板程式碼的部分你可以選擇直接到 官方文件 生成,或複製下方的稍作修改。 <div id="fb-root"></div> <script>(function(d, s, id) {   var js, fjs = d.getElementsByTagName(s)[0];   if (d.getElementById(id)) return;   js = d.createElement(s); js.id = id;   js.src = 'https://connect.facebook.net/zh_TW/sdk.js#xfbml=1&version=v2.12&appId= 剛剛的應用程式編號 &autoLogAppEvents=1';   fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk'));</script> 上方的程式碼建議是放置在 <body> 標籤的一開始,並且記得修改應用程式編號。 這段是所有 FB Plugins 通用的,如果之後還有要裝按讚小工具就不必再安裝一次這段程式碼。 <div class="fb-comments" data-href="" data-numposts=" 5 "></div...