Ich möchte die in Chrome auf meinem Telefon angezeigte Webseite vorübergehend bearbeiten, ähnlich der Inspect-Elementfunktion von Chrome Desktop . Ich verstehe, dass dies nur vorübergehend ist, aber ich möchte einige Tests durchführen.
Ich sehe diese Option nicht in der Anwendung selbst. Benötige ich eine Erweiterung, eine andere App oder ist dies unmöglich?
chrome-for-android
Bibz
quelle
quelle
Antworten:
Das Ausführen des folgenden Snippets in der URL-Leiste funktioniert sowohl in Chrome für Desktop als auch für Android:
Ein wichtiger Hinweis: Nach dem Kopieren und Einfügen des Codes in die Adressleiste entfernt Chrome den
javascript:
Teil automatisch . Sie müssen das wieder hinzufügen, sonst funktioniert es nicht!Es soll verhindern, dass bösartiger Code von dummen Benutzern ausgeführt wird, die glauben, sie würden ein iPad gewinnen oder +1.000 Facebook-Freunde gewinnen, wenn sie zwielichtige JS in die Adressleiste kopieren.
Dies hat zur Folge, dass die gesamte Seite bearbeitet werden kann .
Sie können dann Drucken> Als PDF speichern ausführen, wenn Sie die bearbeitete Webseite speichern müssen.
Ich bin ein professioneller Webentwickler, daher hat dies definitiv seine Verwendung für mich. Unnötig zu erwähnen , dass ich nicht haftbar bin, wenn Sie etwas hinterhältiges tun, z. B. die Seite " Danke, Ihre Bestellung wird bestätigt " eines Unternehmens fälschen , um Produkte mit einem gefälschten Screenshot / Ausdruck zu betrügen.
Ich habe den Code ursprünglich von Stack Overflow erhalten, wo es 28 solcher Fragen gibt .
quelle
Vielleicht möchten Sie sich diese offizielle Anleitung ansehen: Remote-Debugging auf Android mit Chrome . Dazu müssen Sie Ihr Telefon an einen PC anschließen und die Seite mit Chrome DevTools debuggen.
quelle
Um die Bearbeitung der Seite zu beenden, können Sie Folgendes verwenden:
javascript:document.body.contentEditable = 'false'; document.designMode='off'; void 0
quelle
Fügen Sie zuerst "view-source:" vor "http: //" hinzu. Geben Sie dies dann in die Adressleiste ein. Javascript: document.body.contentEditable = 'true'; document.designMode = 'on'; nichtig 0
quelle