Na guia Alterações, acompanhe as alterações feitas:
- HTML em Origens com Substituições locais ativadas
- CSS em Elementos > Estilos ou Fontes
- JavaScript em Origens
A guia Mudanças mostra as mudanças feitas no DevTools. Se você recarregar o DevTools ou a página, as mudanças desaparecerão.
Para que o DevTools mantenha as mudanças nos carregamentos de página, siga as etapas em Substituições locais.
Para que o DevTools grave mudanças nas fontes locais, siga as etapas em Editar e salvar arquivos com espaços de trabalho.
Abra a guia "Alterações".
Para abrir a guia Alterações, siga estas etapas:
Pressione Command + Shift + P (Mac) ou Control + Shift + P (Windows, Linux, ChromeOS) para abrir o Menu de comando.
Comece a digitar
changes
, selecione Show Changes e pressione Enter.
Como alternativa, no canto superior direito, clique em Personalizar e controlar DevTools > Mais ferramentas > Mudanças.
Alterações" width="800" height="460">
Por padrão, o DevTools exibe a guia Changes na parte inferior da janela dele, na Gaveta.
Conferir e entender suas mudanças
Para conferir as mudanças, faça o seguinte:
- Abra o DevTools.
Faça mudanças nas suas origens:
- HTML: primeiro, ative as Substituições locais e faça as alterações em Origens
- CSS em Elementos > Estilos ou Fontes
- JavaScript em Origens
Abra a guia Alterações e selecione um arquivo no lado direito da guia.
Observe uma saída de
diff
que destaca o seguinte:
A guia Mudanças imprime a saída de diff
automaticamente, para que você não precise rolar horizontalmente para ver as mudanças em uma única linha.
Copiar mudanças de CSS
Se você fez mudanças no CSS em Elementos > Estilos, é possível copiar todas elas com um único botão:
Abra a guia Alterações e selecione o arquivo CSS no lado direito da guia.
Clique no botão Copiar na parte de baixo da guia "Mudanças".
Reverter todas as alterações feitas em um arquivo
Para reverter alterações feitas em um arquivo:
- À esquerda da guia Alterações, selecione um arquivo com as alterações para reverter.
- Na barra de ações na parte de baixo, clique em Reverter todas as alterações para o arquivo atual.