¿Cómo edito temporalmente una página web en Chrome?

10

Quiero editar temporalmente la página web que se muestra en Chrome en mi teléfono, algo similar a la función de elemento Inspeccionar del escritorio Chrome . Entiendo que esto es temporal, pero quiero hacer algunas pruebas.

No veo esa opción en la aplicación en sí, ¿necesito una extensión, otra aplicación o es imposible?

Bibz
fuente
Chrome web store (extensiones) no está disponible en Chrome para Android, y tampoco he encontrado ninguna extensión en la web.
Señor del fuego

Respuestas:

7

Ejecutar el siguiente fragmento en la barra de URL funciona tanto en Chrome para escritorio como en Android:

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

Una nota importante: después de copiar y pegar el código en la barra de direcciones, Chrome javascript:elimina automáticamente su parte. ¡Debe agregar eso nuevamente o no funcionará!

Es para evitar que usuarios tontos ejecuten códigos maliciosos que piensan que ganarán un iPad u obtendrán +1,000 amigos de Facebook si copian algunos JS dudosos en la barra de direcciones.

Tiene el efecto de que toda la página se vuelve editable .

Luego puede hacer Imprimir> Guardar como PDF si necesita guardar la página web editada.


Soy un desarrollador web profesional, así que definitivamente tiene sus usos para mí. No hace falta decir que no soy responsable si hace algo disimulado con esto, por ejemplo, falsificando la página de ' gracias, su pedido está confirmado ' para defraudar sus productos con una captura de pantalla / impresión falsa.

Originalmente obtuve el código de Stack Overflow, donde hay 28 preguntas de este tipo .

Danny Beckett
fuente
2
¡Funciona! Al menos puede editar el texto de la página y eliminar objetos de la página.
Jerry101
1
No estoy seguro de cómo lo hiciste funcionar, cuando lo copio a la barra de direcciones, busca esos términos en Chrome (versiones de escritorio y móviles).
Bibz
Sí, tienes razón, me perdí la parte de desmontaje ya que la URL era demasiado larga.
Bibz
4

Es posible que desee consultar esta guía oficial: Depuración remota en Android con Chrome . Implica conectar su teléfono a una PC y depurar la página usando Chrome DevTools.

geffchang
fuente
1
Eso es muy interesante, pero mis esperanzas eran tener una opción usando solo el teléfono. Si todo lo demás falla, probaré tu método. Gracias.
Bibz
1

Para dejar de editar la página, puede usar esto:

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

G Phip
fuente
0

Primero agregue "view-source:" before "http: //" Luego escriba esto en la barra de direcciones javascript: document.body.contentEditable = 'true'; document.designMode = 'on'; nulo 0

usuario218255
fuente
user218255 Esto funciona muy bien. Gracias. Pero, ¿cómo volver después de editar el código? Para ver los cambios. Stefan
Stefan