我目前正在使用Chrome开发工具的覆盖率，以便从我的文件中删除未使用的CSS。我的问题是来自Coverage的文件与我的主题编辑器中的文件完全不同。我贴了两张我的彩色照片。scss文件。有人知道我怎么能看到或编辑格式化的文件，开发工具显示给我吗?
Dev Tools截图
从Shopify截图
这是由于SCSS文件，Shopify主题包含扩展名为.scss.liquid或.css.liquid的文件，这些文件在服务器端编译并作为正常的CSS发送。
所以当你从开发工具或查看页面源代码中检查它时，这些是编译版本，不包含与主题文件相同的SCSS代码。
注意:Shopify现在撤回对SCSS文件的支持，以更好的页面加载速度，但有向后兼容过去的旧主题，这些SCSS文件。