谷歌前端開發實時修改本地文件

出處： http://blog.csdn.net/jacky_zh/article/details/53259478

一個小哥們推薦的，在網上根據幾個帖子都沒有配置成功。因爲不能抓本身電腦的圖，因此上原帖的圖了。我沒有使用第一步驟。

直接從第3步驟開始的。親測可用。直接修改element的樣式，自動修改源文件。這也太提高效率了。贊！

 

1. 開啓」開發者工具實驗」(這翻譯真心爛…): 在browser輸入chrome://flags/，啓用」開發者工具實驗」
    

2. 重啓chrome

3. f12 打開 開發者工具，進入設置
   
4. 設置本地文件夾,點擊add folder,選擇本地目錄後，會在頂部彈出確認，點擊容許便可。
   
5. 設置映射，打開開發者工具的source面板，在左側本地目錄的文件上右鍵，選擇「map to network resources」
   
6. 完成，如今你能夠編輯該源碼，並可保存了。