Con la pestaña Cambios, realiza un seguimiento de los cambios que realices en:
- HTML en Fuentes con las Anulaciones locales habilitadas
- CSS en Elementos > Estilos o en Fuentes
- JavaScript en Fuentes
La pestaña Cambios muestra los cambios que realizaste en Herramientas para desarrolladores. Si vuelves a cargar Herramientas para desarrolladores o tu página, los cambios desaparecerán.
Para que las Herramientas para desarrolladores conserven los cambios entre 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 Cómo editar y guardar 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 Ctrl + 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.
Cambios" width="800" height="460">
De forma predeterminada, Herramientas para desarrolladores muestra la pestaña Cambios en la parte inferior de la ventana de Herramientas para desarrolladores, en el Panel lateral.
Consulta y comprende los cambios
Para ver los cambios, sigue estos pasos:
- Abra Herramientas para desarrolladores.
Realiza cambios en tus fuentes:
- HTML: Primero, habilita Anulaciones locales y, luego, realiza los cambios en Fuentes.
- CSS en Elementos > Estilos o en Fuentes
- JavaScript en Fuentes
Abre la pestaña Cambios y selecciona un archivo en el lado derecho de la pestaña.
Observa un resultado de
diff
que destaca lo siguiente:
En la pestaña Changes, se 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 modificaste el CSS en Elementos > Estilos, puedes copiarlos todos con un solo botón:
Abre la pestaña Cambios y, en el lado derecho de la pestaña, selecciona el archivo CSS en el que realizaste los cambios.
Haz clic en el botón Copiar ubicado 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 los cambios que quieras revertir.
- En la barra de acciones que se encuentra en la parte inferior, haz clic en Revert all changes to current file (Revertir todos los cambios al archivo actual).