Inspecter des fichiers Sass avec Chrome Canary

Comme je me suis mis (très) récemment à Sass grâce au livre CSS maintenables de Kaelig, je cherchais une solution pour pouvoir travailler avec dans Google Chrome.

Dans Firefox ça fonctionne très bien avec l’extension FireSass. Par contre celle proposée pour Chrome, Sass Inspector,  n’est pas terrible. Les .scss sont cachés dans un onglet « Sass Properties » et il n’est pas possible de les éditer directement via les Developer Tools.

La solution est d’utiliser Chrome Canary , une version comparable aux nightlies de Firefox. Il faut ensuite aller dans chrome://flags, cocher « Enable Developer Tools Experiments », relancer, aller dans l’onglet « Experiments » et cocher  « Support for Sass ».

Et voilà, Chrome trouvera vos fichiers .scss et vous pourrez les éditer directement les Developer Tools, sans avoir besoin d’installer une extension !

(via @simonowendesign)