Como editar qualquer página da Web no Chrome (ou qualquer navegador)

As páginas da Web são apenas documentos que o seu navegador exibe. Mas e se você pudesse digitar diretamente em qualquer página da Web para modificá-la?Você pode, e não precisa de uma extensão de navegador, um recurso embutido em todos os navegadores modernos.

Este recurso aproveitado “ document. designMode ”, que você pode ativar através do console JavaScript do seu navegador da web. Foi recentemente destacado por Tomek Sułkowski no Twitter, mas é tão legal que precisamos compartilhá-lo com nossos leitores.

Você pode usar esse recurso para limpar uma página da Web antes de imprimi-la, testar a aparência das alterações em uma página da Web ou até mesmo fazer brincadeiras com as pessoas. Será como editar um documento do Word sem mexer com HTML.

Para ativar esse recurso, visite uma página da Web e abra o console do desenvolvedor. Para abrir o console no Google Chrome, clique no menu >Mais ferramentas >Ferramentas de desenvolvedor ou pressione Ctrl + Shift + i.

Enquanto estamos usando o Chrome como exemplo aqui, esse recurso também funciona em outros navegadores modernos. Veja como abrir o console em outros navegadores:

• No Mozilla Firefox, clique no menu >Desenvolvedor da Web >Console da Web ou pressione Ctrl + Shift + K.
• No Apple Safari, clique em Safari >Preferências >Avançado e ative o “ Mostrar menu de revelação na barra de menus. ”Depois, clique em Develop >Mostrar console JavaScript.
• No Microsoft Edge, clique no menu >Mais ferramentas >Ferramentas do desenvolvedor ou pressione F12 e clique no “ Console ”guia.

Clique no “ Console ”na parte superior do painel Ferramentas do desenvolvedor. Digite o seguinte no console e pressione Enter:

 document. designMode = 'on' 

Agora você pode fechar o console, sevocê gosta e edite a página da web atual como se fosse um documento editável. Clique em algum lugar para inserir o cursor e digitar texto. Use as teclas Backspace ou Delete para remover texto, imagens e outros elementos.

Isso apenas altera a aparência da página da web no seu navegador. Assim que você atualizar a página, você verá o original novamente. Se você for para outra página da web ou guia, ele não estará no modo de design até abrir o console e digitar esta linha mais uma vez.

Você pode até voltar ao console e executar o comandoseguinte comando para desativar o modo de design:

 document. designMode = 'off' 

A página da web não será mais editável, mas suas alterações serão preservadasaté a próxima atualização da página.

 

Via: How to Geek

Veja Também:

• Google anuncia o modo de navegação anônima do Google Maps e mais controles de privacidade
• Confirmado: a instalação do Windows 10 agora impede a criação de conta local
• Como desativar a exibição sempre ativa do Apple Watch
• Como fazer backup de suas coisas e alternar para um novo Mac
• O Mac Pro é muito caro comparado a um PC?