Modifier les régles CSS de sa page en JavaScript
Je viens de trouver une petite astuce intéressante afin de manipuler sa page. Mon besoin est le suivant: j'ai une application Web dont on voudrait customiser l'affichage, en l’occurrence les couleurs, les fonts, certaines icônes, etc... Le tout injecter en tant que query parameters. Le but est de pouvoir facilement paramétrer cela. Le plus facile en tant que développeur serait de demander un fichier CSS et de l'injecter dans sa page. Mais cela implique au développeur utilisateur de connaître la structuration du CSS de mon application. Et de la mettre à jour en fonction de son évolution. Une second solution serait d'injecter un fichier de variables Less avec les valeurs, et que l'application la charge et compile le Less "on the fly". Mais c'est très très lent. Une autre serait d'écouter les "MutationEvent" et de modifier les éléments. Mais non seulement c'est très, mais c'est un traitement quasi en continue: à ...