首页 > 开发 > CSS > 正文

解析css文件:谷歌插件调试和火狐插件调试

2024-07-11 09:01:29
字体:
来源:转载
供稿:网友

武林网(www.vevb.com)文章简介:如需调试功能,请在编译输出的时候输出debug信息,那样解析的css文件中就会包含debug信息,然后通过firebug或谷歌的调试工具就可以定位到我们编辑的scss文件,而不是解析后的css文件。

如需调试功能,请在编译输出的时候输出debug信息,那样解析的css文件中就会包含debug信息,然后通过firebug或谷歌的调试工具就可以定位到我们编辑的scss文件,而不是解析后的css文件。

解析css文件:谷歌插件调试和火狐插件调试

如果你的css文件中没有以@media -sass-debug-info开头的代码,说明没有输出debug信息。请重新使用koala工具编译你的scss文件,并确定已经勾选了debug信息这个选项。

谷歌调试

在谷歌浏览器地址栏打开chrome://flags/,启用开发者工具实验 (Developer Tools experiments.)。重启浏览器后,打开开发者工具的设置选项卡,Experiments -> Support for sass 勾选。

解析css文件:谷歌插件调试和火狐插件调试

火狐调试

firefox执行安装插件FireSass即可

发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表