En la pestaña Cambios, realiza un seguimiento de los cambios que realizas en los siguientes elementos:
- HTML en Fuentes con anulaciones locales habilitadas
- CSS en Elementos > Estilos o Fuentes
- JavaScript en Fuentes
En la pestaña Cambios, se muestran los cambios que realizaste en las Herramientas para desarrolladores. Si vuelves a cargar Herramientas para desarrolladores o tu página, los cambios desaparecerán.
Para hacer que las Herramientas para desarrolladores conserven los cambios en todas las cargas de páginas, sigue los pasos que se indican en Anulaciones locales.
Para hacer que las Herramientas para desarrolladores escriban cambios en tus fuentes locales, sigue los pasos que se indican en Edita y guarda archivos con espacios de trabajo.
Abrir la pestaña Cambios
Para abrir la pestaña Cambios, sigue estos pasos:
Presiona Comando Mayúsculas P (Mac) o Control Mayúsculas P (Windows, Linux y ChromeOS) para abrir el menú de comandos.
Comienza a escribir
changes
, selecciona Show Changes y presiona Intro.
Como alternativa, en la esquina superior derecha, haz clic en Personalizar y controlar Herramientas para desarrolladores > Más herramientas > Cambios.
De forma predeterminada, las Herramientas para desarrolladores muestran la pestaña Cambios en la parte inferior de la ventana de Herramientas para desarrolladores, en el panel lateral.
Consulta y comprende tus cambios
Para ver los cambios, sigue estos pasos:
- Abre Herramientas para desarrolladores.
Realiza cambios en las fuentes:
- HTML: Primero, habilita Anulaciones locales y, luego, realiza los cambios en Fuentes.
- CSS en Elementos > Estilos o fuentes
- JavaScript en Fuentes
Abre la pestaña Cambios y selecciona un archivo de la derecha de la pestaña.
Observa un resultado
diff
que destaca lo siguiente:
La pestaña Changes imprime el resultado de diff
automáticamente, por lo que no tienes que desplazarte horizontalmente para ver los cambios en una sola línea.
Copiar cambios de CSS
Si hiciste cambios en el CSS en Elementos > Estilos, puedes copiarlos todos con un solo botón:
Abre la pestaña Cambios y, en la parte derecha de la pestaña, selecciona el archivo CSS en el que realizaste los cambios.
Haz clic en el botón Copiar que se encuentra en la parte inferior de la pestaña Cambios.
Cómo revertir todos los cambios realizados en un archivo
Para revertir los cambios realizados en un archivo, sigue estos pasos:
- En el lado izquierdo de la pestaña Cambios, selecciona un archivo con cambios que desees revertir.
- En la barra de acciones de la parte inferior, haz clic en Revertir todos los cambios en el archivo actual.