Browser caching CSS, Javascript file 問題

有時遇到改了css或js，但卻沒反應，除了天兵改錯隻以外，太多是因為browser自己cache住了，有幾個做法可避免

1. ap server處理
   apache可用mod_expires
   

   //1.載入mod_expires.so
   # vi /etc/httpd/conf/httpd.conf
   LoadModule expires_module modules/mod_expires.so  #拿掉註解
   
   //2.config 
   #vi your_app_path/.htaccess
   ExpiresActive on
   ExpiresByType application/javascript "access plus 1 months"
   ExpiresByType image/jpg "access plus 1 month"
   ExpiresByType image/jpeg "access plus 1 month"
   ExpiresByType image/gif "access plus 1 month"
   ExpiresByType image/png "access plus 1 month"
   ExpiresByType text/css "access plus 1 months"

   p.s. 最好搭must-revalidate ，不然cache時間寫太長的要改檔案才會變，不過也是有人測試說不一定有作用...，所以還是利用下面的做法一定有效!
   
2. 利用uri不同，迫使Browser reload
   以前是自己在get參數列加版本or日期
   

   <link type="text/css" href="aaa.css?v=20130526"/ >

   不過每次有更新就得手動更改，實在不是好方法
   看到有人利用file更新日期搭RewriteEngine~ 真是太棒了~
   
   • html載入
     

     <link type="text/css" href="/css/main.<?php echo filemtime('/path/to/css/main.css'); ?>.css" / >
     //會產出 /css/main.1237440708.css

     main.1237440708.css只是虛擬的檔案，此檔並不存在會透過rewrite rule指向main.css，因此還需設定.htaccess
     
   • .htaccess設定
     

     RewriteEngine On
     RewriteRule ^(css|js)/(.*)\.[0-9]+\.(.*)$ /$1/$2.$3 [L]

     p.s. 如果很好學想知道rewrite rule怎麼寫的，可以看Force reload of updated CSS and Javascript files with unique filenames
3. 利用HTML5的cache manifest
   就隨意改一下 cache manifest的內容
   Browser就會自己檢查有沒有新的版本...

References

• Using Apache mod_expires to control browser caching
• Force reload of updated CSS and Javascript files with unique filenames
• Try to avoid "no-cache"
  

ReminderFox

一直覺得沒有用的很順手的行事曆軟體
本來利用google calendar 但也是要開網頁連到calendar
後來有igoole，雖然把calendar widget加到首頁
不過還是看的不太順，記的事情也比較繁瑣

後來看到Firefox的plugin "ReminderFox"
如作者在How to影片中提到的 作者也覺得一般的行事曆太繁雜
只是想要簡單的提醒而已 所以作者自己做ReminderFox
雖然說簡單，不過常用的設定做的還不錯
像是週期性的重覆提醒，個人就覺得挺不錯的

而且每天都一定會上網，firefox一開，旁邊就跳出提醒
覺得這個plugin還挺不錯的 拍拍手
我一定要把他推上Firefox Plugin Top 15

• Features
  
  • 重要日期、待辦事項
  • 每週、每月、每年的重要日期
• 安裝
  firefox安裝plugin應該沒什麼好教的咧...
  Install ReminderFox
  
• 同步化問題
reminderFox儲存行事曆的格式為.ics 因此需要一個空間放.ics 讓不同的電腦的firefox讀取相同的檔案 即可達到同步化的效果 目前是用iCal Exchange 還不錯 建立帳號後，就將個人網址貼給reminderFox (ex: http://icalx.com/private/{個人帳號}/)

References

• reminderFox 官網
• [Fx+Tb] ReminderFox ~ 記下過去與未來！

firefox套件

• 第三屆 Top 15 套件
• gTranslate可翻譯網頁上的文字，不過還是裝google toolbar比較方便點，因為還得反白單字，再右鍵看翻譯
  
• DownloadHelper
  
  
  
  快速下載YouTube影片...
  除了flv，還可直接下載mp4...真是好東西....
  

好用的 Firefox 附加元件 - 11月號

• blog編輯

覺得blogspot的編輯器太陽春了
沒想到firefox就超強的套件 ScribeFire
整合blog帳號後 就可以直接發文或編輯
還有其他強大功能 看別人介紹比較快
download:https://addons.mozilla.org/en-US/firefox/addon/1730
介紹：
1.ScribeFire 1.4.2：Firefox上的部落格文章編輯器

使用方法：

Getting Started With ScribeFire
1.Press F8
2.建立Blog帳號連結，click "新增"
3.輸入自己的blog網址
4.輸入帳密
連結成功後，就會把在blog的文章list拉進來，就可以新增文章或編輯文章