Workspace:chrome阅览器开发者东西

2013-06-06 09:50:01  来历:澳门彩票官网网 

Webjx介绍:Workspace是个什么样的东西呢?他能够在开发者东西中调试修正js或许css一起主动保存文件,能够防止开发人员在东西中调试好,再到修正器中修正一次代码的重复操作,能够进步必定的功率。

13

是个什么样的东西呢?他能够在开发者东西中调试修正js或许css一起主动保存文件,能够防止开发人员在东西中调试好,再到修正器中修正一次代码的重复操作,能够进步必定的功率。

之前这样的功用需求在本地敞开一个sever端的服务。例如 autosave(),每次需求敞开nodejs的sever端才干运用。

现在Chrome的正式版现已集成了这个功用,就便利了开发者许多,怎样运用呢?

(假如你是运用Canary或许Chromiumde,现已不再是试验选项,越过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仍是能在调试阶段协助咱们进步功率

更多