1.chrome瀏覽器,機制是攔截url,
1.在瀏覽器Element中調節的css樣式可以直接同步到本地文件,反之亦然,瀏覽器會重新加載css,省去刷新
2.在source面板下對js的編輯可以同步到本地文件,反之亦然,瀏覽器會重新加載js,比如一些基于事件調用的函數,
更改之后再次被觸發可以立馬看到效果,省去刷新
3.對html的修該瀏覽器不會重新加載
更多的細節大家自行體會吧!
2.設置方法
目錄中要避免出現中文!
我的版本是49,不同版本位置可能會有出入
已file:///D:/current/pratice/origin/test.html (也可攔截http請求)
F12打開開發者工具
點擊source,左側右鍵會彈出add folder to workspace ,點擊后選擇自己的工作目錄,注意該工作目錄是基路徑
我添加的是D:/current/pratice
點擊開發者工具右上方的三個小店,再點擊setting
點擊workspace,點擊add
file:///D:/current/pratice/ 是要匹配的url
如果是file:///D:/current/pratice/origin/test.html 則匹配origin/test.html
/是加在基路徑后面的,也就是D:/current/pratice/,和在一起就是D:/current/pratice/origin/test.html,也就完成了映射
歡迎加入QQ群662546586