通过 Chrome Workspace 调试本地项目
发布时间：2015-10-08 12:42:54 作者：admin 阅读：1028次转:http://c7sky.com/chrome-devtools-workspace.html
通过 Workspace，你可以把本地服务器的资源映射为硬盘上的文件，实现调试 JS 和 CSS 的同时自动保存文件，比如 Elements 面板中的样式变更会自动保存到文件中。
以调试本地服务器上的 Minty 主题为例：
打开 DevTools 开发者工具中的 Sources 面板，在面板左侧右键选择「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)
参考资料：
Workspaces - Persistent authoring in the DevTools
如有问题，可以QQ搜索群1028468525加入群聊，欢迎一起研究技术
有疑问联系站长，请联系QQ：
转载请注明：通过 Chrome Workspace 调试本地项目 出自老鄢博客 | 欢迎分享