Come posso modificare temporaneamente una pagina Web in Chrome?


10

Voglio modificare temporaneamente la pagina web visualizzata in Chrome sul mio telefono, qualcosa di simile alla funzione dell'elemento Inspect del desktop Chrome . Capisco che questo è temporaneo, ma voglio fare alcuni test.

Non vedo quell'opzione nell'applicazione stessa, ho bisogno di un'estensione, di un'altra app o è impossibile?


Il Chrome Web Store (estensioni) non è disponibile su Chrome per Android e non ho riscontrato alcuna estensione sul Web.
Firelord

Risposte:


7

L'esecuzione del seguente frammento nella barra dell'URL funziona sia su Chrome per desktop che su Android:

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

Una nota importante: dopo aver copiato e incollato il codice nella barra degli indirizzi, Chrome ne elimina automaticamente la javascript:parte. È necessario aggiungerlo nuovamente o non funzionerà!

Serve a impedire l'esecuzione di codice dannoso da parte di utenti stupidi che pensano di vincere un iPad o ottenere +1.000 amici di Facebook se copiano un JS malvagio nella barra degli indirizzi.

Ha l'effetto che l'intera pagina diventa modificabile .

È quindi possibile eseguire Stampa> Salva come PDF se fosse necessario salvare la pagina Web modificata.


Sono uno sviluppatore web professionista quindi questo ha sicuramente i suoi usi per me. Inutile dire che non sono responsabile se si fa qualcosa di subdolo, ad esempio falsificando la pagina di ringraziamento di una società per frodare i prodotti da essa con uno screenshot / una stampa falsi.

Inizialmente ho ricevuto il codice da Stack Overflow, dove ci sono 28 domande del genere .


2
Funziona! Almeno puoi modificare il testo della pagina ed eliminare oggetti dalla pagina.
Jerry101,

1
Non sono sicuro di come sia riuscito a farlo, quando lo copio nella barra degli indirizzi fa una ricerca di quei termini in Chrome (sia versioni desktop che mobili).
Bibz,

Sì, hai ragione, ho perso la parte di stripping poiché l'URL era troppo lungo.
Bibz,

4

Potresti voler dare un'occhiata a questa guida ufficiale: Debug remoto su Android con Chrome . Implica il collegamento del telefono a un PC e il debug della pagina tramite Chrome DevTools.


1
È molto interessante, ma spero di avere un'opzione usando solo il telefono. Se tutto il resto fallisce, proverò il tuo metodo. Grazie.
Bibz,

1

Per interrompere la modifica della pagina, è possibile utilizzare questo:

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


0

Prima aggiungi "view-source:" prima di "http: //" Quindi digita questo nella barra degli indirizzi javascript: document.body.contentEditable = 'true'; document.designMode = 'on'; vuoto 0


user218255 Funziona benissimo. Grazie. Ma come tornare dopo aver modificato il codice? Per vedere le modifiche. Stefan
Stefan,
Utilizzando il nostro sito, riconosci di aver letto e compreso le nostre Informativa sui cookie e Informativa sulla privacy.
Licensed under cc by-sa 3.0 with attribution required.