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

• Chris Hoffman

  @chrisbhoffman

• 2 de outubro de 2019, 8:00am EDT

páginas Web são apenas documentos que o seu navegador exibe. Mas e se você pudesse digitar diretamente em qualquer página web para modificá-lo? Você pode, e você não precisa de uma extensão de navegador—é uma característica incorporada em cada navegador moderno.

Esta característica tira partido do ” documento.designmode ” recurso, que pode activar através da consola de JavaScript do seu navegador web., Foi recentemente destacado por Tomek Sułkowski no Twitter, mas é tão legal que temos que compartilhá-lo com nossos leitores.

Você pode usar esta funcionalidade para limpar uma página web antes de imprimi-la, testar como as alterações a uma página web vai parecer, ou mesmo apenas pregar partidas às pessoas. Será como editar um documento do Word-não é necessário mexer com HTML.

para ativar esta funcionalidade, visite uma página web e, em seguida, abra a consola de desenvolvimento., Para abrir o console no Google Chrome, clique em menu > Mais Ferramentas > Desenvolvedor de Ferramentas ou pressione Ctrl+Shift+i.

Enquanto estamos usando o google Chrome como um exemplo aqui, este recurso funciona em outros navegadores modernos, também. Aqui está como abrir a consola noutros navegadores:

• no Mozilla Firefox, carregue no menu > programador web> consola Web ou carregue em Ctrl+Shift+K.,
• In Apple Safari, click Safari>Preferences> Advanced and enable “Show Develop menu bar.”Então, clique em desenvolver > mostrar o Console de JavaScript.
• No Microsoft Borda, clique em menu > Mais Ferramentas > Ferramentas do Desenvolvedor ou prima a tecla F12 e, em seguida, clique em “Console” da guia”.

carregue na página “consola” no topo do Painel de ferramentas de desenvolvimento., Escreva o seguinte na consola e carregue em Enter:

document.designMode = 'on'

pode agora fechar a consola, se quiser, e editar a página web actual como se fosse um documento editável. Carregue em algum lugar para inserir o seu cursor e escrever o texto. Use as teclas Backspace ou Delete para remover texto, imagens e outros elementos.

isto apenas altera a forma como a página web aparece no seu navegador. Assim que refresque a página, verá o original mais uma vez., Se você for para outra página web ou página, ela não estará em Modo de design até que você abra a consola e digite esta linha mais uma vez.

pode até voltar para a consola e executar o seguinte comando para desligar o modo de desenho:

document.designMode = 'off'

a página web não será editável mais, mas as suas alterações serão preservadas até que você refresque a página.