浏览器调试工具修改代码直接关联到文件并修改(add folder to workspace)

2019独角兽企业重金招聘Python工程师标准>>>

添加文件夹到 workspace

添加好后，右键一个文件，选择「Map to file system resource...」，在弹出的文本框中选择在 Workspace 中对应的文件：

添加映射文件

选择对应的本地文件

比如我映射了 style.min.css 文件，那么现在你编辑元素面板中的样式，Chrome 就会实时保存本地的文件变更。

具体的文件映射规则可以到 Devtools > Settings > Workspace 中设置：

设置 Workspace

 

PS: 如果你映射的是文件夹，像 all.js?v=4.1 之类带参数的请求是无法映射的。(Issue 277885)

转载于:https://my.oschina.net/u/2949632/blog/783454