Bug et solution pour l'inspection css dans chrome

Inspecter le css dans la console de chrome est vraiment pratique, par contre quand les sauts de lignes ne sont pas interprétés on se retrouve avec un fichier d'une seule ligne et donc c'est peu intéressant pour connaitre la ligne d'une propriété et l'éditer.

Le bug vient de l'interprétation unicode des sauts de lignes : CR / LF / NL  http://fr.wikipedia.org/wiki/Fin_de_ligne

En général les éditeurs de textes peuvent indiquer quels sont les fins de lignes des fichiers utilisés.
Par exemple dans notepad++ on peut afficher les fins de lignes.

Sur cet exemple on voit que le même fichier est d'un côté encodé avec des fins de lignes en CR et en dessous en CR LF.

Et c'est cet encodage de fin de ligne qui provoque un "bug" dans Chrome.

En effet, le fichier en CR est interprété par la console comme un fichier d'une ligne.
Et donc toutes mes propriétés se retrouvent à la ligne  1.














J'ai trouvé une première solution via Intype ! Cet éditeur ultra léger est vraiment pratique et il permet de changer l'encodage de fin de ligne des fichiers.

Et voilà le bug de la console de chrome est résolu et en plus vous utilisez désormais un éditeur de texte vraiment bien qui permet de gérer des projets !

Edit : et en fait je découvre aujourd'hui grâce à un collègue que Notepad++ sait le faire aussi ! Merveilleux :