經常寫css時是不是瀏覽器調一下幾像素，然後會編輯器改改改，有時候改好幾次，真的是累死寶寶了，最近發現了谷歌瀏覽器的強大功能，更改實現代碼同步更新，直接可以瀏覽器寫代碼同時實現同步刷新了，而且最重要的不需要借助任何插件，只要有谷歌瀏覽器就好,下面分享一下實現的步驟。

1.工具準備

　　前端編輯器肯定是必須的啦，另外還需安裝谷歌瀏覽器

2.在瀏覽器打開要同步的項目——F12打開控制臺---sources(如下圖）

3.接下來的操作就很關鍵啦sources下找到文件路徑--右鍵add folder...----找到文件本地路徑雙擊---瀏覽器會提示是否允許添加點允許--回到sources找到任意一個HTML文件------右鍵map file system....----控制臺出現本地html雙擊選中

4.然後就可以實現功能啦

　　不過，有時候你會發現，這樣打開後會出現中文或者註釋的亂碼，解決方法也很簡單，把編輯器的編碼格式都改成utf-8就可以了，由於每個編輯器的更改方法都不同，就不詳細說明了，相信大家也都會！

~~~好東西就是要分享~~~

　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　dan 2017.05.18

瀏覽器更改實現webstrom等前端編輯器的同步更新