提交需求
赛事与广告咨询合作,请填写需求表单,我们会在第一时间与您联系!
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 (开发者工具实验)
3.Chrome为了确保安全,将目录添加到File systems时会要求在目录中存在.allow-devtools-edit文件,才允许开发者工具添加目录编辑保存文件,所以需要在资源目录中创建这个名字的空文件,方式有很多,例如:在资源目录中执行命令
Windows copy con .allow-devtools-edit 再 Ctrl + Z
Mac touch .allow-devtools-edit
缺陷
无论是 autosave 还是 workspace 比较遗憾都不能支持SCSS,LESS的编辑
总之Workspace还是能在调试阶段帮助我们提升效率
感谢你的阅读,本文由 腾讯ISUX 版权所有,转载时请注明出处,违者必究,谢谢你的合作。
注明出处格式:腾讯ISUX (http://isux.tencent.com/chrome-workspace.html)
大牛,别默默的看了,快登录帮我点评一下吧!:)
登录 立即注册