分类
快捷导航

Chrome Canary分支开发者工具增Workspaces功能

1
回复
3847
查看
[复制链接]
累计签到:17 天
连续签到:1 天
[LV.4]
发表于 2013-2-12 17:06:27 | 显示全部楼层 |阅读模式

一直以来网站开发和网页制作都是编辑器、浏览器分开使用的,比如 JS 查找 bugs 或者修改 CSS 样式,很多时候用浏览器内建的开发者工具调试好了之后,还需要回到编辑器再改一次代码,保存后才能查看新的更改,这样编辑器、浏览器来回跑费时费力,为什么不能直接在浏览器里更改和保存了呢?

之前 Firebug 或者其他一些开发工具实现过类似的功能,但浏览器内置的开发者工具并没有集成。最新版 Chrome 浏览器,Canary 分支的开发者工具中,新增了一个 Workspaces 功能,能够能你直接在调试面板中修改和保存代码。

目前 Workspaces 还是个开发中的实验性功能,需要手动开启。首先需要下载 Canary 分支的 Chrome 浏览器,安装之后,在地址栏中访问:chrome://flags打开设置页面,在 Settings > Experiments 中勾选“File system folders in Sources Panel”选项激活开发者工具的文件浏览器功能,然后重新开发者工具面板,在设置选项中将可以看到 Workspaces 设置,这里主要是选择要修改的源代码位置,即设置工作目录:

1360637736137.jpg

需要注意的是,以上操作只是完成了第一步,安全性起见,还需要在工作目录中新建一个验证文件,名称是.allow-devtools-edit,你可以通过命令终端 cd 到工作目录,然后touch .allow-devtools-edit创建这个文件。

完成以上步骤之后,你就可以使用 Workspaces 功能了。


您需要登录后才可以回帖 登录 | 注册加入

本版积分规则

热门推荐

更多+

最新信息

更多+
Copyright  © 2015-2016  Discuz!扩展中心  Powered   by  Discuz!  技术支持:迪恩网络  |   ( 浙ICP备14042422号 )QQ机器人
中国互联网违法和不良信息举报中心
南昌网络警察报警平台
经营性网站备案信息
南昌市公安局网监备案
赣公网安备案