前端开发 调试工具 Chrome Workspace
来源:互联网 发布:3d场景软件 编辑:程序博客网 时间:2024/05/20 14:23
1.在 chrome://flags/ 中启用 Developer Tools Experiments (开发者工具实验)
2.在 Developer tools 设置 Experiments 选项下开启File system folders in Sources Panel,再重启Developer tools,就会多出Workspace选项。
3.Chrome为了确保安全,将目录添加到File systems时会要求在目录中存在.allow-devtools-edit文件,才允许开发者工具添加目录编辑保存文件,所以需要在资源目录中创建这个名字的空文件,方式有很多,例如:在资源目录中执行命令
Windows copy con .allow-devtools-edit 再 Ctrl + Z
Mac touch .allow-devtools-edit
4.在Workspace中把你的资源目录添加到File systems即可,如果CSS,JS链的是URL可以使用Mappings来设置路由(注意:结尾千万不要加上\,他逻辑只判断了是否以/结尾,否则就会变成path\/,略坑啊~~)
现在就可以在开发者工具中各种调试了,你就可以看到你的源文件也跟着改动啦~。
或者也可以在Sources中修改文件
缺陷
无论是 autosave 还是 workspace 比较遗憾都不能支持SCSS,LESS的编辑
总之Workspace还是能在调试阶段帮助我们提升效率
- 前端开发 调试工具 Chrome Workspace
- Chrome调试css(chrome开发工具workspace使用)
- Chrome Workspace开发者调试工具
- 开发者调试工具Chrome Workspace
- 开发者调试工具Chrome Workspace
- Chrome 开发工具 Workspace 使用
- 前端开发神一样的工具chrome调试技巧
- 前端开发神一样的工具chrome调试技巧
- 前端开发神一样的工具chrome调试技巧
- 前端开发工具之chrome
- Chrome sapui5开发调试工具
- 前端开发常用调试工具
- 前端开发、调试、测试工具
- 前端开发必备工具-网页调试工具
- 使用Chrome开发工具调试Canvas
- 转 通过 Chrome Workspace 调试本地项目
- 通过 Chrome Workspace 调试本地项目
- 掌握Chrome开发工具:新一代前端开发技术
- Rest API Reference
- 献给java初学者
- 开始我的C++
- 最长子序列 (经典动态规划题)
- Android导入自定义的jar包时出现 E/AndroidRuntime(486): java.lang.NoClassDefFoundError错误
- 前端开发 调试工具 Chrome Workspace
- 顺序表+单链表+双链表
- 一个有趣的面试题
- 如何在技术面试中脱颖而出(上)
- POJ —— 二分
- WMI技术介绍和应用——查询正在运行的进程信息
- 博客开通
- Java 各种编译错误
- php 实现网页得分业显示