Chrome Canary浏览器网页调试sass配置

1.输入chrome://flags/ 开启开发者工具实验性功能,之后重启浏览器

2.打开开发者工具,网页右击,选择检查(ctrl+shift+I)

3.设置开发者工具:

选中:

4.在开发者工具打开下,选择有id或class的标签

选择对应scss文件直接可以调试编辑

5.这时无法修改和保存scss文件需要设置工作目录:

右击souress下空白,选择:

允许:

这时会多出一个文件夹:

这时网页文件和文件目录没有联系,需要关联两种方法:

1.网络关联本地

然后选中对应文件,这时网络文件消失可以直接编辑本地: