有没有一种简单的方法可以从网站检查 window 中找到 .css 源文件?

Is there an easy way to find a .css source file from a website inspection window?

我正在尝试为 Magento 2 网站(已购买)自定义主题,并且在大多数情况下,我知道大多数 .css 调用来自何处。但是,有一个子菜单,我找不到源 css 文件了。

通常我使用Chrome的检查window来识别正在生成我正在寻找的colors/details的css,然后搜索源相同的文件。css参考,然后根据需要进行修改。

但是,如前所述,我正在努力寻找一段特定的 css 代码,我想知道是否有更好的方法来找到我要找的东西?

http://bricss.net/post/33788072565/using-sass-source-maps-in-webkit-inspector - 试试这个!

https://developers.google.com/web/tools/chrome-devtools/javascript/source-maps?utm_source=dcc&utm_medium=redirect&utm_campaign=2016q3 - 这就是您使用默认开发人员工具设置 css 源映射的方式:)