CSS Diff Checker
Collez deux versions de code CSS pour comparer les ajouts, les suppressions et les lignes modifiées avec la coloration syntaxique CSS. La comparaison s'exécute localement dans votre navigateur.
Texte original
Texte modifié
Syntaxe verrouillée sur CSS
Cette page applique automatiquement la coloration syntaxique CSS : inutile de choisir un langage avant de comparer vos fichiers.
Comparaison locale et privée
Le diff est calculé dans votre navigateur. Votre code source, vos payloads d'API et vos fichiers de configuration ne sont pas envoyés sur un serveur.
Vue côte à côte ou unifiée
Relisez les deux versions en vue côte à côte, obtenez un patch compact en vue unifiée et masquez les lignes inchangées sur les gros fichiers.
Comparer des fichiers CSS en ligne
Ce diff checker CSS s'adresse aux développeurs qui ont besoin de comparer rapidement, et en toute confidentialité, des modifications de code et de configuration. Collez deux versions, lancez la comparaison, puis examinez les ajouts, les suppressions et les modifications à l'intérieur des lignes, avec la coloration syntaxique CSS déjà activée.
Collez ou importez la version originale de votre fichier CSS dans l'éditeur de gauche.
Collez ou importez la version modifiée de votre fichier CSS dans l'éditeur de droite.
Cliquez sur Comparer, consultez le résultat en vue côte à côte ou unifiée, puis masquez les lignes inchangées si seuls les passages modifiés vous intéressent.
Comparaison privée de fichiers CSS dans le navigateur
Le diff s'exécute localement dans votre navigateur : votre code source, vos réponses d'API, vos secrets et vos fichiers de configuration restent sur votre appareil. Une session récente peut être conservée dans le stockage de votre navigateur pour pouvoir la restaurer, et vous pouvez l'effacer depuis l'outil à tout moment.
Cas d'usage courants du diff CSS
Relisez les changements de design tokens avant un déploiement.
Repérez les déclarations ajoutées ou supprimées après un reformatage.
Coloration syntaxique CSS
Sur cette page, la coloration est verrouillée sur CSS : plus besoin de passer par le sélecteur de langage. L'analyseur se concentre sur des éléments comme les sélecteurs, les propriétés personnalisées, les media queries et les déclarations, tandis que le moteur de diff met en évidence les véritables modifications du texte.
.css
Référence : Référence CSS de MDN
Questions fréquentes sur le diff checker CSS
À quoi sert le diff checker CSS ?
Il compare deux versions de code CSS et met en évidence les lignes ajoutées, supprimées et modifiées. La coloration syntaxique est verrouillée sur CSS : les éléments du langage sont plus faciles à repérer pendant que vous relisez les changements.
Le diff checker CSS envoie-t-il mes fichiers sur un serveur ?
Non. La comparaison s'exécute dans votre navigateur. Vos fichiers ne sont pas envoyés sur un serveur lorsque vous cliquez sur Comparer.
Quels types de fichiers CSS puis-je comparer ?
Vous pouvez coller ou importer des fichiers en texte brut comme .css. Tout fichier texte peut être comparé, mais cette page colore automatiquement la syntaxe CSS.
Puis-je comparer de gros fichiers CSS ?
Oui. Les comparaisons s'exécutent dans un worker en arrière-plan, ce qui garde le navigateur réactif. Les fichiers très volumineux peuvent tout de même prendre quelques secondes sur votre appareil.