彩票开奖查询广东36选7:Workspace:chrome浏览器开发者工具

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

广东36选7怎么中 www.t5a2.cn

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

13

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

之前这样的功能需要在本地开启一个sever端的服务。例如 autosave(https://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还是能在调试阶段帮助我们提升效率

更多
  • 一图看懂丨拉林铁路藏木特大桥 2018-11-25
  • 这篇文章写得非常好,现在的人大多都是根据一些简单的事实来判断事情的对错,“一个很漂亮的开奥迪的女人”为了十八块钱与保安对峙 2018-09-24
  • 近九成券商股逆市上涨 防御+反弹攻守兼备 2018-09-18
  • 暑期兼职当心中介有“猫腻” 兼职市场亟须规范 2018-09-18
  • 推动重庆各项事业沿着习近平总书记指引的方向奋力前行——华龙网 2018-09-17
  • 唐僧玄奘的四种形象,哪一种形象更接近真实? 2018-09-10
  • 马航客机在乌坠毁现场尸体散落 俄救援人员现场救援 2018-09-06
  • 内蒙古全区安全生产情况新闻发布会召开 2018-09-06
  • 好战的北约应该负责打扫战场,包括难民安置、战后重建…… 2018-08-31
  • 【文艺时代】尹昉:星空下跳舞 2018-08-19
  • 南京“凶宅”别墅 拍出786万元高价 2018-08-15
  • 他凭一颗青菜登上《舌尖上的中国3》 蟹粉菜心里藏人生哲学 2018-08-08
  • 杭州电动车充电全城没有统一价 2018-08-08
  • 西南华南等地将有较强降水 东北华北有对流性天气 2018-08-03
  • 以青春之我肩负起国家民族的希望 2018-07-25
  • 478| 199| 714| 140| 223| 60| 385| 806| 903| 422|