Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

'Inspect Element' in Chrome is showing LESS but Firefox is showing CSS

When I am tring to inspect an element of html in Chrome it's showing the LESS file whereas Firefox is showing CSS file. (I am using Bootstrap framework)

How can I see the css reference in Chrome?

Please see the attached screenshot below for what I mean:

CSS in FF but LESS in

like image 485
saicode Avatar asked Jan 20 '26 17:01

saicode


1 Answers

Disabling CSS source maps

CSS source maps are enabled by default. You can choose to enable automatic reloading of generated CSS files. (Or Disable source maps)

To disable CSS source maps : Open DevTools Settings (small wheel button in the right corner) and click General. Turn off Enable CSS source maps.

References:

Google Chrome Working with CSS Preprocessors

like image 90
Sergey Avatar answered Jan 22 '26 21:01

Sergey



Donate For Us

If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!