Chrome调试css(chrome开发工具workspace使用)
2016-02-27 17:32
465 查看
http://note.youdao.com/share/?id=30cc4b54c13e6b9c2b8c4f7ac8de8fea&type=note
以WebStorm打开Express为例,调试style.css页面,
右键选择Add folder to workspace, 定位到对应到文件夹下
弹出的提示信息点击允许
在左边css资源一栏就会多出一个目录项,如图所示右击,
选择Map to network resource
选中localhost的这一项,配置就完成了,当在chrome中修改style.css文件按Ctl+S保存对应的public下的文件就会一起跟着改变了
以WebStorm打开Express为例,调试style.css页面,
右键选择Add folder to workspace, 定位到对应到文件夹下
弹出的提示信息点击允许
在左边css资源一栏就会多出一个目录项,如图所示右击,
选择Map to network resource
选中localhost的这一项,配置就完成了,当在chrome中修改style.css文件按Ctl+S保存对应的public下的文件就会一起跟着改变了
相关文章推荐
- css样式覆盖顺序
- 重新想,重新看——CSS3变形,过渡与动画①
- CSS3实现毛玻璃(图片模糊)效果
- 深入理解CSS网页布局-理论篇
- C 带指针样式的时钟
- css选择器
- NPOI之Excel——合并单元格、设置样式、输入公式
- LESS CSS 框架简介
- css精灵(雪碧图)
- css零碎合集
- CSS实现渐变
- XML使用XSL样式表在浏览器中以XHTML样式展示
- css技巧
- Demo3:基础语法实现论文的样式
- 部分IE8使用的兼容CSS3属性的方法
- 对话框样式的Activity 和 重复点击view
- 针对firefox ie6 ie7 ie8的css样式hack
- 表格标签、标签属性、样式属性总结
- 设置多个模块(div)高度一致
- DIV+CSS 浏览器兼容性小结