Parsing CSS files: Google plug-in debugging and Firefox plug-in debugging

Article Introduction: For debugging functions, please output debug information when compiling output, so parsing css file will contain debug information, and then through Firebug or Google's debugging tools can be positioned to our edited Scss file, not the parsed CSS file.

For debugging functions, please output debug information when compiling output, so parsing css file will contain debug information, and then through Firebug or Google's debugging tools can be positioned to our edited Scss file, not the parsed CSS file.

If your CSS file does not have an @media -sass-debug-info opening code, the debug information is not output. Please reuse the Koala tool to compile your scss file and make sure that you have checked the debug information option.

Google debugging

Open chrome://flags/in Google browser's address bar and enable the Developer Tools Experiment (Developer tool experiments.). After you restart the browser, open the Developer Tools Settings tab, experiments-> Support for sass check.

Firefox debugging

Firefox to perform the install plug-in Firesass can