摘要:摘要在寫頁面的時(shí)候大家肯定都干過這種事情先在編輯器里改一個(gè)屬性,保存再切回瀏覽器刷新頁面看效果。本文介紹了一種讓檢測(cè)文件變化讓瀏覽器自動(dòng)刷新的辦法,無需配置,操作簡(jiǎn)單。
摘要
在寫web頁面的時(shí)候大家肯定都干過這種事情:先在編輯器里改一個(gè)CSS屬性,保存再切回瀏覽器刷新頁面看效果。尤其是對(duì)于追求像素完美的同學(xué),簡(jiǎn)直石樂志,大了小了1px都要來回改。
本文介紹了一種讓檢測(cè)文件變化讓瀏覽器自動(dòng)刷新的辦法,無需配置,操作簡(jiǎn)單。特別是對(duì)于屏幕大甚至有雙屏三屏四五屏的同學(xué),不要太爽哦!
準(zhǔn)備工作這種方法需要使用chrome瀏覽器,以及兩個(gè)npm的包。關(guān)于npm不再多說,有大把文章教你怎么安裝,還有更換成淘寶的鏡像使用cnpm加快下載速度。
先用npm安裝兩個(gè)包 npm install -g anywhere livereload
chrome瀏覽器安裝livereload的插件(點(diǎn)我安裝)
搞起在終端里進(jìn)入到項(xiàng)目的文件夾,運(yùn)行anywhere,一切順利的話應(yīng)該自動(dòng)跑起了一個(gè)web server,并且自動(dòng)在瀏覽器里打開了index.html。如果默認(rèn)端口被占用還可以加-p命令運(yùn)行到指定端口,例如anywhere -p3000
再開一個(gè)終端進(jìn)入到項(xiàng)目的文件夾,運(yùn)行livereload
在chrome瀏覽器中激活livereload!
文章版權(quán)歸作者所有,未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址:http://systransis.cn/yun/50619.html
摘要:摘要在寫頁面的時(shí)候大家肯定都干過這種事情先在編輯器里改一個(gè)屬性,保存再切回瀏覽器刷新頁面看效果。本文介紹了一種讓檢測(cè)文件變化讓瀏覽器自動(dòng)刷新的辦法,無需配置,操作簡(jiǎn)單。 摘要 在寫web頁面的時(shí)候大家肯定都干過這種事情:先在編輯器里改一個(gè)CSS屬性,保存再切回瀏覽器刷新頁面看效果。尤其是對(duì)于追求像素完美的同學(xué),簡(jiǎn)直石樂志,大了小了1px都要來回改。 本文介紹了一種讓檢測(cè)文件變化讓瀏覽器...
摘要:摘要在寫頁面的時(shí)候大家肯定都干過這種事情先在編輯器里改一個(gè)屬性,保存再切回瀏覽器刷新頁面看效果。本文介紹了一種讓檢測(cè)文件變化讓瀏覽器自動(dòng)刷新的辦法,無需配置,操作簡(jiǎn)單。 摘要 在寫web頁面的時(shí)候大家肯定都干過這種事情:先在編輯器里改一個(gè)CSS屬性,保存再切回瀏覽器刷新頁面看效果。尤其是對(duì)于追求像素完美的同學(xué),簡(jiǎn)直石樂志,大了小了1px都要來回改。 本文介紹了一種讓檢測(cè)文件變化讓瀏覽器...
摘要:最近在項(xiàng)目中遇到了瀏覽器因緩存問題未能成功向后端發(fā)送類型請(qǐng)求的,然后順藤摸瓜順便看了看緩存的知識(shí),覺得有必要總結(jié)一下。是服務(wù)器響應(yīng)消息頭字段,在響應(yīng)請(qǐng)求時(shí)告訴瀏覽器在過期時(shí)間前瀏覽器可以直接從瀏覽器緩存取數(shù)據(jù),而無需再次請(qǐng)求。 最近在項(xiàng)目中遇到了IE瀏覽器因緩存問題未能成功向后端發(fā)送GET類型請(qǐng)求的bug,然后順藤摸瓜順便看了看緩存的知識(shí),覺得有必要總結(jié)一下。 在前端開發(fā)中,性能一直都...
摘要:最近在項(xiàng)目中遇到了瀏覽器因緩存問題未能成功向后端發(fā)送類型請(qǐng)求的,然后順藤摸瓜順便看了看緩存的知識(shí),覺得有必要總結(jié)一下。是服務(wù)器響應(yīng)消息頭字段,在響應(yīng)請(qǐng)求時(shí)告訴瀏覽器在過期時(shí)間前瀏覽器可以直接從瀏覽器緩存取數(shù)據(jù),而無需再次請(qǐng)求。 最近在項(xiàng)目中遇到了IE瀏覽器因緩存問題未能成功向后端發(fā)送GET類型請(qǐng)求的bug,然后順藤摸瓜順便看了看緩存的知識(shí),覺得有必要總結(jié)一下。 在前端開發(fā)中,性能一直都...
摘要:如果修改的是里的文件,保存后,服務(wù)器將自動(dòng)重啟,瀏覽器會(huì)在服務(wù)器重啟完畢后自動(dòng)刷新。從開始首先,已經(jīng)想到了開發(fā)流程中的自動(dòng)刷新,這就是。 在以前的一篇文章BrowserSync,迅捷從免F5開始中,我介紹了BrowserSync這樣一個(gè)出色的開發(fā)工具。通過BrowserSync我感受到了這樣一個(gè)理念:如果在一次ctrl + s保存后可以自動(dòng)刷新,然后立即看到新的頁面效果,那會(huì)是很棒的開...
閱讀 2409·2021-11-23 09:51
閱讀 1220·2021-11-22 13:54
閱讀 3432·2021-09-24 10:31
閱讀 1100·2021-08-16 10:46
閱讀 3632·2019-08-30 15:54
閱讀 713·2019-08-30 15:54
閱讀 2896·2019-08-29 17:17
閱讀 3172·2019-08-29 15:08