成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

干掉F5,無需配置輕松實(shí)現(xiàn)瀏覽器頁面自動(dòng)刷新

ideaa / 3259人閱讀

摘要:摘要在寫頁面的時(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

相關(guān)文章

  • 干掉F5,無需配置輕松實(shí)現(xiàn)覽器頁面自動(dòng)刷新

    摘要:摘要在寫頁面的時(shí)候大家肯定都干過這種事情先在編輯器里改一個(gè)屬性,保存再切回瀏覽器刷新頁面看效果。本文介紹了一種讓檢測(cè)文件變化讓瀏覽器自動(dòng)刷新的辦法,無需配置,操作簡(jiǎn)單。 摘要 在寫web頁面的時(shí)候大家肯定都干過這種事情:先在編輯器里改一個(gè)CSS屬性,保存再切回瀏覽器刷新頁面看效果。尤其是對(duì)于追求像素完美的同學(xué),簡(jiǎn)直石樂志,大了小了1px都要來回改。 本文介紹了一種讓檢測(cè)文件變化讓瀏覽器...

    yangrd 評(píng)論0 收藏0
  • 干掉F5無需配置輕松實(shí)現(xiàn)覽器頁面自動(dòng)刷新

    摘要:摘要在寫頁面的時(shí)候大家肯定都干過這種事情先在編輯器里改一個(gè)屬性,保存再切回瀏覽器刷新頁面看效果。本文介紹了一種讓檢測(cè)文件變化讓瀏覽器自動(dòng)刷新的辦法,無需配置,操作簡(jiǎn)單。 摘要 在寫web頁面的時(shí)候大家肯定都干過這種事情:先在編輯器里改一個(gè)CSS屬性,保存再切回瀏覽器刷新頁面看效果。尤其是對(duì)于追求像素完美的同學(xué),簡(jiǎn)直石樂志,大了小了1px都要來回改。 本文介紹了一種讓檢測(cè)文件變化讓瀏覽器...

    lily_wang 評(píng)論0 收藏0
  • 淺談覽器緩存

    摘要:最近在項(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ā)中,性能一直都...

    godruoyi 評(píng)論0 收藏0
  • 淺談覽器緩存

    摘要:最近在項(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ā)中,性能一直都...

    shiina 評(píng)論0 收藏0
  • Express結(jié)合Webpack的全棧自動(dòng)刷新

    摘要:如果修改的是里的文件,保存后,服務(wù)器將自動(dòng)重啟,瀏覽器會(huì)在服務(wù)器重啟完畢后自動(dòng)刷新。從開始首先,已經(jīng)想到了開發(fā)流程中的自動(dòng)刷新,這就是。 在以前的一篇文章BrowserSync,迅捷從免F5開始中,我介紹了BrowserSync這樣一個(gè)出色的開發(fā)工具。通過BrowserSync我感受到了這樣一個(gè)理念:如果在一次ctrl + s保存后可以自動(dòng)刷新,然后立即看到新的頁面效果,那會(huì)是很棒的開...

    Simon 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

閱讀需要支付1元查看
<