XRefresh : 自動更新網頁, 網頁設計師與開發人員的利器

XRefresh : 可以自動協助我們將設定好的網頁進行自動更新的動作,

現在只需要在您的編輯器上按下 SAVE 的動作, Browser 就會自動幫您重新整理,

很方便

我使用的是 MAC OS + FF, 以下是我的安裝方式,

1. 安裝 Firebug 1.4 or higher

2. 安裝 XRefresh Addon

3. 安裝 RubyCocoa

4. 開啟 Terminal , 輸入

sudo gem install xrefresh-server --source http://gemcutter.org

安裝完成後, 先做第一次設定, Terminal 輸入 xrefresh-server, 
預設會寫入設定檔到 使用者目錄下

vim ~/.xrefresh-server.yml

# here specify list of paths to monitor
paths:
  - /Applications/MAMP/htdocs/ # by default watch user's home directory
# - /you/may/add/here/some/other/path
# - /you/may/add/here/some/another/path

預設的監控目錄是 /Users/使用者
您可以加入監控目錄, 在 paths 下加入您要監控的目錄, 就可以開始監控, 
我用 MAMP, 比較貪心, htdocs 全部都加入, Ya ~

現在啟動, 輸入 xrefresh-server


monitoring /Applications/MAMP/htdocs/
Waiting for file system events ...

然後開啟 Firefox, 啟動 Firebug, 找到選單中 XRefresh 啟動它, 就可以.

試試看 !