自動重新整理從BrowserSync開始

2022-09-27 03:21:14 字數 584 閱讀 1190

請想象這樣乙個場面:你開著兩個顯示器,一邊是ide裡的**,另一邊是瀏覽器裡的你正在開發的應用。此時桌上還放著你的手機,手機裡也是這個開發中的應用。然後,你新寫了一小段**,按下了ctrl+s儲存。緊接著,你的手機和另乙個顯示器裡的應用,就變成了更新後的效果。你可以馬上檢查效果是否和你預想的一致,甚至都不需要動一下滑鼠…

想起來還不錯?嗯,這只是簡單地省略掉那個開發過程中會按好多遍的f5重新整理。

自動重新整理

「自動重新整理」並不是新的概念,但對關注「可見」的預覽效果的前端開發者來說,它非常好用,可以節約很多時間。

我也不是現在才知道這個概念。在這之前,我一直在用livereload,它是一www.cppcns.com個名字上更明顯地寫著「自動重新整理」的工具。livereload主要搭配瀏覽器外掛程式使用,是很棒的自動重新整理工具。

不過,現在我要介紹的是browsersync。你會在接下來的內容裡看到,它是乙個更新、更方便的開發工具。

browsersync

livereload有所不足的地方是,需要搭配瀏覽器外掛程式。但是,外掛程式是取決於瀏覽器的,chrome和firefox都有可用外掛程式,但ie,或者我手機上的瀏覽器,就不能這樣了。這時候只能手工向頁面裡新增一段

網頁自動重新整理

問題描述 有乙個列表頁,使用者新增一條資料後,該列表頁沒有自動更新 注 不使用window.showmodaldialog 解決方案 小哥親測 1 網頁視窗獲取焦點時自動過載 2 window.onfocus function 5 對於巢狀的子頁 6 window.parent.onfocus fu...

頁面自動重新整理

var gunlist setinterval function ajax traditional true,解決傳遞陣列的問題 async false,datatype json success function result each gunlist,function index,value b...

dns windows快取 自動重新整理

參考 問題 本地除錯,需要切換環境,繫結網域名稱.c windows system32 drivers etc hosts檔案 修改後網域名稱後不生效。原因是dns快取沒有及時是重新整理,這麼解決的 1 檢視本地dns cache ipconfig displaydns 2 強制重新整理dns ca...