利用 LiveReload 減少編輯網頁時,重新整理網頁的動作

利用 LiveReload 減少編輯網頁時,重新整理網頁的動作

在網站製作學習誌看到了關於 LiveReload 的介紹,覺得相當的有趣,於是也開始試用看看… 

試用結果還蠻滿意的,只要修改了原始碼,

就會自動重新整理 Chrome 中的相應畫面, 省掉了不少自己按 F5 的時間…

只是缺點是目前還不支援 IE…

IE 的話,有另外一套 XRefresh 可以用,但我還沒有試過。

在網站製作學習誌上,同樣有關於 XRefresh 的介紹可以參考。 

 

LiveReload 的安裝過程稍微有點複雜,尤其對於我這不懂 ruby 的人來說,

就只能照著說明一步一步照打指令了…

不過基本上安裝上並沒有遇到什麼問題。

 

安裝完後,唯一遇到的問題是預設並沒有監視 .asp 的修改,

這部分也很簡單,只要修改一下 <ruby安裝路徑>\lib\ruby\gems\1.9.1\gems\livereload-1.6\lib\livereload.rb,

找到下面這行,加上紅色的部分就 OK 了!

 

config.exts = %w/html css js png gif jpg php php5 py rb erb asp/
(本頁面已被瀏覽過 20 次)

發表迴響

你的電子郵件位址並不會被公開。

這個網站採用 Akismet 服務減少垃圾留言。進一步瞭解 Akismet 如何處理網站訪客的留言資料