: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遗漏号码数据
山东早餐加盟 雄州早餐加盟电话 口口香早点加盟 早点加盟小吃 早餐
安徽早餐加盟 早点快餐加盟店 品牌早餐店加盟 大福来早点加盟 早点加盟小吃
移动早餐加盟 口口香早点加盟 移动早点加盟 早点豆浆加盟 早点铺加盟
雄州早餐加盟 加盟 早点 早餐店加盟 春光早点工程加盟 北京早点加盟
北京赛车新玩 老公赚钱老婆花 双色球贴吧 广东11选5前一稳赢 江苏快3老快3彩票走势图
最新广东11选5公式 时时彩平台哪个好 福建体彩36选7走势图 香港赛马会 广东11选5私彩单双
吉林11选5遗漏 中国体育彩票排列5 500比分直播 广西快3和值最大遗漏 湖北快3遗漏数据
体彩大乐透开奖 广东11选5复式中奖金额 广东11选5注册 吉林快3专家推荐 亿鼎国际