← Tornar a les funcions
Free

Eina de Diferències

L'Eina de Diferències compara dos blocs de text i ressalta les línies afegides, eliminades i sense canvis amb sortida acolorida. Vistes unificada (estil Git) i costat a costat, amb alternança opcional per ignorar espais en blanc i majúscules/minúscules. Útil per verificar edicions, comparar fitxers de configuració o revisar respostes d'API.

Comparar dues versions d'un text és una d'aquelles tasques que apareix constantment — revisar què ha canviat en un fitxer de configuració, verificar dues respostes d'API, comprovar que una migració de cadenes no ha trencat res. L'Eina de Diferències ho fa de manera neta. Enganxa el Text A (original) i el Text B (modificat) i fes clic a Comparar. La sortida mostra cada línia classificada com a afegida (verd, marcada amb +), eliminada (vermell, marcada amb −) o sense canvis. Canvia entre la vista unificada (estil Git, tot apilat) i la vista costat a costat (dues columnes amb aparellament de línies). La comparació utilitza un algorisme de subseqüència comuna més llarga perquè l'alineació sigui òptima, no una comparació ingènua línia per línia. Les opcions d'ignorar espais en blanc i majúscules/minúscules ajuden quan els canvis reals queden amagats sota soroll de format. Les estadístiques de la part superior mostren els recomptes totals d'afegides/eliminades/sense canvis per a un resum ràpid.

Vista prèvia en viu
example.com
Eina de Diferències +3 afegits −2 eliminats 5 sense canvis
Unificat Costat a costat
1 1 function greet(name) {
2 console.log("Hi " + name);
2 + console.log(`Hello, ${name}!`);
3 + console.log(`Welcome back.`);
3 4 }
4 5  
5 greet("world");
6 + greet("Alice");
6 7 greet("Bob");
Funcions clau

Diferències a nivell de línia

Classifica cada línia com a afegida, eliminada o sense canvis mitjançant un algorisme de subseqüència comuna més llarga per a una alineació òptima.

Vistes unificada i costat a costat

Canvia entre el format unificat estil Git (tot apilat) i el format costat a costat (dues columnes) segons què sigui més fàcil de llegir.

Sortida acolorida

Les línies afegides es ressalten en verd amb el marcador +; les eliminades en vermell amb el marcador −; les sense canvis són neutres. Escaneig visual ràpid.

Ignora espais en blanc / majúscules

Les alternances et permeten ignorar diferències de format trivials per centrar-te en els canvis significatius.

Estadístiques de diferències

La barra superior mostra els recomptes "+N afegides −N eliminades N sense canvis" — resum ràpid sense escanejar cada línia.

Ràpid per a entrades realistes

Gestiona milers de línies en mil·lisegons. Les entrades grans estan limitades per mantenir la interfície responsiva.

Casos d'ús comuns

Revisar edicions abans de desar

Abans de sobreescriure un fitxer, enganxa les versions antiga i nova per confirmar que només hi ha els canvis previstos — sense eliminacions accidentals.

Comparar respostes d'API

Captura una resposta abans i després d'un arranjament, compara les dues càrregues útils i verifica que el teu canvi només ha afectat el que esperaves.

Comparació de fitxers de configuració

Compara dues configuracions d'entorn (desenvolupament vs producció, antiga vs nova) per detectar desviacions que podrien causar errors subtils.

Verificació de sortida formatada

Executa un formatador sobre un fitxer i compara l'entrada amb la sortida per confirmar que només han canviat els espais/format — sense desviació semàntica.

Verificació de migracions de text

En actualitzar el text d'una pàgina o document, compara l'antic amb el nou per verificar que cada traducció s'ha aplicat correctament.

Com utilitzar-lo
1

Obre l'Eina de Diferències

Fes clic a la icona de Diferències al dock de DevSuite Pro. S'obre un panell amb dues àrees de text una al costat de l'altra.

2

Enganxa el Text A i el Text B

Enganxa la versió original al Text A i la versió modificada al Text B. Funciona amb qualsevol text — codi, JSON, registres, text corrent.

3

Activa les opcions

Activa Ignorar espais en blanc o Ignorar majúscules si els canvis de format o de capitalització són soroll que vols ometre.

4

Fes clic a Comparar

Prem Comparar. Les diferències es renderitzen a sota amb línies afegides/eliminades/sense canvis acolorides i estadístiques a la part superior.

5

Canvia de vista (opcional)

Alterna entre les vistes Unificada i Costat a costat. La unificada és més compacta, la costat a costat fa evident l'aparellament de línies.

Llest per provar-ho?

Instal·la DevSuite Pro gratuïtament i desbloqueja més de 64 eines de desenvolupador per al teu navegador.

Afegeix a Chrome Afegeix a Edge Afegeix a FireFox