解析css檔案:Google外掛程式調試和Firefox外掛程式調試

文章簡介：如需調試功能，請在編譯輸出的時候輸出debug資訊，那樣解析的css檔案中就會包含debug資訊，然後通過firebug或Google的調試工具就可以定位到我們編輯的scss檔案，而不是解析後的css檔案。

如需調試功能，請在編譯輸出的時候輸出debug資訊，那樣解析的css檔案中就會包含debug資訊，然後通過firebug或Google的調試工具就可以定位到我們編輯的scss檔案，而不是解析後的css檔案。

如果你的css檔案中沒有以@media -sass-debug-info開頭的代碼，說明沒有輸出debug資訊。請重新使用koala工具編譯你的scss檔案，並確定已經勾選了debug資訊這個選項。

Google調試

在Google瀏覽器地址欄開啟chrome://flags/，啟用開發人員工具實驗 (Developer Tools experiments.)。重啟瀏覽器後，開啟開發人員工具的設定選項卡，Experiments -> Support for sass 勾選。

Firefox調試

firefox執行安裝外掛程式FireSass即可