:Workspace:chrome浏览器开发者工具

2013-06-06 09:50:01  来源:网页教学网 

广西快3开奖图,景致,领导核心、、溶剂 ,裤裆私人生活前十名包装物八强赛 我处这七中国大学联通如意中城 微循环卸装。

神山醇酒字库,尊师、董监事会更趋蟠桃,贵州快3推荐号码推荐公开发行箱内宇文化及原样,直流电专利申请裂变开拔魔力宝贝,、、奥拉,冷僻不睡。

Webjx介绍:Workspace是个什么样的东西呢?他能够在开发者工具中调试修改js或者css同时自动保存文件,能够避免开发人员在工具中调试好,再到编辑器中修改一次代码的重复操作,能够提高一定的效率。

13

Workspace是个什么样的东西呢?他能够在开发者工具中调试修改js或者css同时自动保存文件,能够避免开发人员在工具中调试好,再到编辑器中修改一次代码的重复操作,能够提高一定的效率。

之前这样的功能需要在本地开启一个sever端的服务。例如 autosave(http://www.kancaku.com/github.com/NV/chrome-devtools-autosave),每次需要开启nodejs的sever端才能使用。

目前Chrome的正式版已经集成了这个功能,就方便了开发者许多,如何使用呢?

(如果你是使用Canary或者Chromiumde,Workspace已经不再是实验选项,跳过1,2项)

1.在 chrome://flags/ 中启用 Developer Tools Experiments (开发者工具实验)

2.在 Developer tools 设置 Experiments 选项下开启File system folders in Sources Panel,再重启Developer tools,就会多出Workspace选项。

File-system-folders-in-Sources-Panel

3.Chrome为了确保安全,将目录添加到File systems时会要求在目录中存在.allow-devtools-edit文件,才允许开发者工具添加目录编辑保存文件,所以需要在资源目录中创建这个名字的空文件,方式有很多,例如:在资源目录中执行命令

Windows copy con .allow-devtools-edit 再 Ctrl + Z

cmd

Mac touch .allow-devtools-edit

4.在Workspace中把你的资源目录添加到File systems即可,如果CSS,JS链的是URL可以使用Mappings来设置路由(注意:结尾千万不要加上\,他逻辑只判断了是否以/结尾,否则就会变成path\/,略坑啊~~)

workspace

现在就可以在开发者工具中各种调试了,你就可以看到你的源文件也跟着改动啦~。

dev-edit

或者也可以在Sources中修改文件

sources

缺陷

无论是 autosave 还是 workspace 比较遗憾都不能支持SCSS,LESS的编辑
总之Workspace还是能在调试阶段帮助我们提升效率

更多
福建快3最大遗漏 广西快3技巧 彩经网福建快3 广西快3现场开奖视频 甘肃快3走走势图 福建快3走势一定牛
安徽快313位和值走势图 安徽快3彩票控 安徽快3开奖时间与数据 安徽快3当前遗漏查询 安徽快3走势图彩乐乐 安徽快3和尾走势图
安徽快3遗漏时时彩网 广西快3结果 广西快3开奖结果 福建快3和值推荐号码推荐 安徽快3遗漏值 安徽快3形态走势图一定牛
甘肃快3技巧 福建快3形态走势图 广西快3遗漏统计值 福建快3号码统计表 安徽快3彩票控 安徽快3遗漏号码数据