CSS Diff Checker
Incolla due versioni di codice CSS e individua le righe aggiunte, rimosse e modificate con l'evidenziazione della sintassi CSS. Il confronto avviene in locale, nel tuo browser.
Testo originale
Testo modificato
Sintassi CSS preimpostata
Questa pagina evidenzia automaticamente i token CSS: non devi scegliere un linguaggio prima di confrontare i file.
Confronto privato in locale
Il diff viene eseguito nel tuo browser. Codice sorgente, payload delle API e file di configurazione non vengono caricati su alcun server.
Vista affiancata o unificata
Usa la vista affiancata per rivedere le due versioni in parallelo e quella unificata per patch compatte; nei file grandi, nascondi le righe invariate.
Confronta file CSS online
Questo diff checker per CSS è pensato per gli sviluppatori che cercano un modo veloce e privato per confrontare modifiche al codice e alle configurazioni. Incolla due versioni, fai clic su Confronta ed esamina aggiunte, rimozioni e modifiche all'interno delle righe, con l'evidenziazione della sintassi CSS già attiva.
Incolla o carica il file CSS originale nell'editor di sinistra.
Incolla o carica il file CSS modificato nell'editor di destra.
Fai clic su Confronta ed esamina il risultato nella vista affiancata o unificata, poi nascondi le righe invariate se ti servono solo le parti modificate.
Confronto privato di file CSS nel browser
Il diff viene eseguito in locale nel tuo browser, quindi codice sorgente, risposte delle API, credenziali e file di configurazione restano sul tuo dispositivo. Una sessione recente può essere salvata nella memoria locale del browser per poterla ripristinare e puoi cancellarla dallo strumento in qualsiasi momento.
Casi d'uso comuni per confrontare file CSS
Rivedi le modifiche ai design token prima del deploy.
Individua le dichiarazioni aggiunte o rimosse dopo la formattazione.
Evidenziazione della sintassi CSS
Su questa pagina l'evidenziazione è preimpostata su CSS e non devi preoccuparti del selettore del linguaggio. Il parser riconosce costrutti come selettori, proprietà personalizzate, media query e dichiarazioni, mentre il motore di diff evidenzia le modifiche effettive al testo.
.css
Riferimento: Documentazione CSS su MDN
Domande frequenti sul diff checker per CSS
Cosa fa il diff checker per CSS?
Confronta due versioni di codice CSS ed evidenzia le righe aggiunte, rimosse e modificate. L'evidenziazione della sintassi è preimpostata su CSS e rende più facile individuare i token del linguaggio mentre esamini le modifiche.
Il diff checker per CSS carica i miei file su un server?
No. Il confronto avviene nel tuo browser. Quando fai clic su Confronta, i tuoi file non vengono caricati su alcun server.
Quali tipi di file CSS posso confrontare?
Puoi incollare o caricare file di testo semplice come .css. Qualsiasi file di testo può essere confrontato, ma questa pagina evidenzia automaticamente la sintassi CSS.
Posso confrontare file CSS di grandi dimensioni?
Sì. I confronti vengono eseguiti in un worker in background, così il browser resta reattivo. I file molto grandi possono comunque richiedere alcuni secondi sul tuo dispositivo.