LiveReload

在寫網頁的時候，時常在改一段code然後需要回去browser按個ctrl+r(F5)去重新整理畫面

來觀看改寫的內容，但現在要介紹一個好物！！！

那就是     LiveReload    !!!!

簡單來說只要安裝就可以解決上面了問題！！

可以去官網安裝  LiveReload

原則上就下一步下一步沒什麼太大問題！

接著再依序你所使用browser來安裝

下面是for chrome的擴充套件

https://chrome.google.com/webstore/detail/livereload/jnihajbhpnppcggbcgedagnkighmdlei 

來了來了

在Mac上需要   $300大洋

為了不想花錢

還是有別的方法！就是下面

https://github.com/guard/guard-livereload

使用方法很簡單

首先你必須先有install Ruby這邊就不介紹

接著再下

gem install guard-livereload

就安裝完成！！

接著再你的網頁目錄下

guard init livereload

就會在你的目錄下產生一個

Guardfile

產生的規則是以rails為主，可以從裡面做參考

若你沒有想特別去指定要偵測的檔案，可以用下面附檔名的方式去設定

接著你只要去修改成下面

# A sample Guardfile
# More info at https://github.com/guard/guard#readme

guard 'livereload' do
  watch(%r{.+\.(css|js|html?|php|inc|module|info)$})
end

可以再依你需要的偵測的附檔名做調整

接著再去執行他

guard

就可以執行了，接著一樣再去browser的Enable LiveReload就完成了

以上若有問題還請大家指教


參考資料
http://blog.wu-boy.com/2011/10/how-to-install-livereload/
http://wp.xdite.net/?p=3088