瀏覽器調試工具修改代碼直接關聯到文件並修改(add folder to workspace)

添加文件夾到 workspace

添加好後，右鍵一個文件，選擇「Map to file system resource...」，在彈出的文本框中選擇在 Workspace 中對應的文件：

添加映射文件

選擇對應的本地文件

好比我映射了 style.min.css 文件，那麼如今你編輯元素面板中的樣式，Chrome 就會實時保存本地的文件變動。

具體的文件映射規則能夠到 Devtools > Settings > Workspace 中設置：

設置 Workspace

 

PS: 若是你映射的是文件夾，像 all.js?v=4.1 之類帶參數的請求是沒法映射的。(Issue 277885)