Este guia passo a passo mostra como editar páginas da Web em qualquer navegador da Web. As páginas da Web devem ser lidas apenas, mas você sabia que pode alterar o conteúdo de uma página diretamente no navegador da Web? As páginas da Web são apenas documentos exibidos pelo seu navegador da Web.
Mas e se você pudesse mudar qualquer página da web digitando diretamente nela? Você pode e não precisa de uma extensão de navegador para fazer isso. Todo navegador moderno tem esse recurso embutido. A Internet é uma ferramenta muito grande e útil. Nas últimas décadas, a internet mudou a forma como trabalhamos, jogamos e falamos uns com os outros.
Dependendo de como é usado, ele conecta países, impulsiona negócios, constrói relacionamentos, alimenta o motor de inovação do futuro e nos dá mais memes do que imaginamos. Você também pode acessar o site de suporte oficial da Microsoft para saber mais informações.
Como editar páginas da Web em qualquer navegador da Web
Qualquer navegador compatível com a janela do console pode ser usado para editar páginas da Web. Neste guia, usaremos o Chrome, mas você também pode fazer isso com o Mozilla Firefox, Microsoft Edge, Apple Safari etc. Em cada um desses navegadores, é assim que você pode acessar a janela do console. Apenas certifique-se de que a janela do console esteja aberta na página que você deseja alterar.
Em Google Chrome, clique nos três pontos verticais presentes no canto superior direito. Em seguida, vá para Mais ferramentas > Ferramentas do desenvolvedor. Você também pode abrir diretamente a Janela do console pressionando as teclas Ctrl+Shift+I ao mesmo tempo. No Microsoft Edge, clique em Menu > Mais ferramentas > Ferramentas do desenvolvedor. Você também pode pressionar F12 e clique na guia “Console” . No Mozilla Firefox, clique em Menu > Web Developer > Web Console. Da mesma forma, existe um atalho para o mesmo. Pressione Ctrl+Shift+K juntos para abrir a opção Console da Web . No que diz respeito ao Apple Safari , clique em Safari > Preferências > Avançado e ative Mostrar Desenvolvedor menu na opção da barra de menus. Em seguida, clique em Desenvolver > Mostrar console JavaScript.
Editar página da Web usando a janela do console
Agora que você abriu a janela do console no página que deseja alterar, siga as etapas abaixo para fazer as alterações. Você pode ver diferentes tipos de mensagens de erro em vermelho. Ignore-os. Eles não atrapalharão a edição das páginas nem causarão problemas.
Na janela do console, insira o seguinte código e pressione Enter: document.designMode=’on’Após o código foi executado com sucesso, a palavra-chave “on” aparecerá na próxima linha. Tudo o que precisamos é disso. Agora você pode fechar a janela do console e começar a fazer alterações nas páginas da maneira que desejar.
FAQ
Você pode editar um site que não é seu?
Sim, em qualquer site. Mesmo aqueles que não pertencem a você! Isso significa que você pode fazer alterações no código HTML e CSS (também chamado de “código-fonte”) diretamente no seu navegador. Lembre-se que isso altera apenas a versão em seu computador. Não muda nada no servidor.
Você pode editar uma página HTML?
Uma vez que um elemento é escolhido, você pode fazer muitas coisas diferentes com ele. Ao clicar com o botão direito do mouse no HTML na guia”Elementos”e escolher”Editar como HTML”, você pode fazer alterações ao vivo na marcação de uma página da Web, que o Chrome renderizará assim que terminar.
Como inspeciono e edito uma página da Web?
Basta clicar com o botão direito do mouse e escolher”Inspecionar elemento”ou pressionar Command+Option+i em um Mac ou F12 em um PC. Você pode digitar QUALQUER COISA que deseja encontrar nesta página no campo de pesquisa, e ele aparecerá neste painel.