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

时间 2019-11-15

标签浏览器调试工具修改代码直接关联文件并修 add folder workspace 栏目浏览器繁體版

原文原文链接

添加文件夹到 workspacecss

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

添加映射文件spa

选择对应的本地文件code

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

具体的文件映射规则能够到 Devtools > Settings > Workspace 中设置：file

设置 Workspace请求

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