有沒有一種簡單的方法從網站檢查窗口中查找.css源文件？

我想爲Magento 2網站（購買它）定製主題，而且大部分我知道大部分.css調用都來自哪裏。但是，有一個子菜單，我無法找到我的生活中的源CSS文件。有沒有一種簡單的方法從網站檢查窗口中查找.css源文件？

通常，我使用Chrome的檢查窗口來識別正在生成我正在查找的顏色/細節的css，然後搜索相同的.css引用的源文件，然後根據需要進行修改。

但是，如上所述，我正在努力尋找一個特定的css代碼，我想知道是否有更好的方法來找到我要找的東西？

來源

2017-09-07 Spyrule

http://bricss.net/post/33788072565/using-sass-source-maps-in-webkit-設置你的CSS源映射檢查員 - 試試這個） –

謝謝你的指針！ – Spyrule

@ФредГенкин將您的答案發布爲實際答案（以便您可以獲得積分）。繼您的帖子後，絕對做到了這一點！ Woot，whoduthunk grunt是我的解決方案。 – Spyrule

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 - 這是你如何使用默認的開發者工具:)

來源

2017-09-13 19:50:36

對於其他讀者來說：你還需要：http://devdocs.magento.com/guides/v2.0/frontend-dev-guide/css-topics/css_debug.html 和一個小竅門：確保你有你的管理員>配置>高級>開發人員>前端開發工作流>工作流類型：=服務器端少編譯，否則客戶端將覆蓋，你什麼都看不到。 – Spyrule

有沒有一種簡單的方法從網站檢查窗口中查找.css源文件？

回答

相關問題