首页 > 代码库 > Chrome Workspace配置

Chrome Workspace配置

今天看到一篇关于开发者调试工具Chrome Workspace》,由于是一年前的文章,现在的chrome已更新到38。仔细研究了一下,配置很简单。(说明我的chrome版本为38.0.2125.111)。


1. F12,点击右上角的设置按钮。



2. 选择 Workspace, 然后选择 Add folder。



3.选择项目所在文件夹,弹出提示时,选择允许。



4.在Chrome的Source面板右键选择需要编辑的源文件,选择“Map to a Network Resource”。(注意是下方的文件)。



完成之后,在chrome的Sources面板修改css或者js之后,ctrl+s 之后会自动修改并保存文件的。而在Element面板修改css 怎不需要ctrl+s 也会自动保存。

不得不佩服chrome 这么牛逼……


Chrome Workspace配置