Chrome 實現前端頁面自動刷新


 作為一個前端,主要是寫頁面,但是每次寫完一段代碼,保存,如果想看看剛剛寫的代碼的效果怎樣,還需要到瀏覽器手動刷新,刷新,刷新,刷的手疼了。

所以如果能實現只要在編輯器中保存,瀏覽器自動刷新頁面,那豈不是很棒嘛!!So convenient~~

所以本文介紹如何實現瀏覽器自動刷新。

1、需要安裝:

  livereload,Chrome 安裝這個擴展程序

  

  然后,window 用戶需要還需要下載安裝個客戶端, http://livereload.com/

  最后,使用 npm 全局安裝 http-server

2、安裝完所需的程序,該實現自動刷新了:

  首先,cmd 命令行,進入開發目錄,$ http-server,在瀏覽器 http://localhost:8080/,就可以訪問到頁面了,注意額,默認是 index.html 哦!

  然后,打開所安裝的客戶端,把需要自動刷新的目錄 add 進來

  最后,使 Chrome 連上 http-server,點擊所安裝的 livereload 擴展程序,使其圓點變為實心即可,到此就完成了,去寫代碼吧!再也不需要自己手動刷新了。

  


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM