Como edito temporariamente uma página da web no Chrome?

10

Desejo editar temporariamente a página da Web exibida no Chrome no meu telefone, algo semelhante ao recurso Inspeção do desktop do Chrome . Entendo que isso é temporário, mas quero fazer alguns testes.

Não vejo essa opção no próprio aplicativo, preciso de uma extensão, outro aplicativo ou é impossível?

chrome-for-android

— Bibz
fonte

A Chrome Web Store (extensões) não está disponível no Chrome para Android e também não encontrei nenhuma extensão na Web.

— Firelord

7

A execução do seguinte snippet na barra de URL funciona no Chrome para desktop e no Android:

javascript:document.body.contentEditable='true'; document.designMode='on'; void 0

Uma observação importante: depois de copiar e colar o código na barra de endereços, o Chrome retira automaticamente a javascript:parte dele. Você deve adicioná-lo novamente ou não funcionará!

É para impedir que códigos maliciosos sejam executados por usuários idiotas que pensam que ganharão um iPad ou obterão 1.000 amigos no Facebook se copiarem algum JS desonesto na barra de endereços.

Isso afeta que toda a página se torne editável .

Você pode então imprimir> Salvar como PDF, se precisar salvar a página da Web editada.

Eu sou um desenvolvedor web profissional, então isso definitivamente tem seus usos para mim. Escusado será dizer que não me responsabilizo se você fizer algo oculto com isso, por exemplo, falsificar a página de ' obrigado, seu pedido está confirmado ' de uma empresa para fraudar produtos deles com uma captura de tela / impressão falsificada.

Originalmente, recebi o código do Stack Overflow, onde existem 28 perguntas desse tipo .

— Danny Beckett
fonte

2

Funciona! Pelo menos você pode editar o texto da página e excluir objetos da página.

— Jerry101

11

Não sei ao certo como você conseguiu que isso funcionasse. Quando copio para a barra de endereços, ele pesquisa esses termos no Chrome (versões para computador e dispositivos móveis).

— Bibz 03/05/19

Sim, você está certo, perdi a parte de remoção porque o URL era muito longo.

— Bibz 03/05/19

4

Você pode querer consultar este guia oficial: Depuração remota no Android com Chrome . Isso envolve conectar o telefone a um PC e depurar a página usando o Chrome DevTools.

— geffchang
fonte

11

Isso é muito interessante, mas minhas esperanças eram ter uma opção usando apenas o telefone. Se tudo mais falhar, tentarei seu método. Obrigado.

— Bibz 01/05/19

1

Para parar de editar a página, você pode usar este:

javascript:document.body.contentEditable = 'false'; document.designMode='off'; void 0

— G Phip
fonte

0

Primeiro adicione "view-source:" before "http: //" Digite-o na barra de endereços javascript: document.body.contentEditable = 'true'; document.designMode = 'on'; nulo 0

— user218255
fonte

user218255 Isso funciona muito bem. Obrigado. Mas como voltar depois de editar o código? Para ver as mudanças. Stefan

— Stefan