Wie bearbeite ich eine Webseite vorübergehend in Chrome?

10

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?

Bibz
quelle
Der Chrome Web Store (Erweiterungen) ist in Chrome für Android nicht verfügbar, und ich habe auch im Web keine Erweiterung gefunden.
Feuerlord

Antworten:

7

Das Ausführen des folgenden Snippets in der URL-Leiste funktioniert sowohl in Chrome für Desktop als auch für Android:

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

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 .

Danny Beckett
quelle
2
Es klappt! Zumindest können Sie den Seitentext bearbeiten und Objekte von der Seite löschen.
Jerry101
1
Ich bin mir nicht sicher, wie Sie es zum Laufen gebracht haben. Wenn ich es in die Adressleiste kopiere, wird nach diesen Begriffen in Chrome gesucht (sowohl Desktop- als auch Mobilversion).
Bibz
Ja, Sie haben Recht, ich habe den Stripping-Teil verpasst, da die URL zu lang war.
Bibz
4

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.

geffchang
quelle
1
Das ist sehr interessant, aber ich hatte die Hoffnung, nur das Telefon nutzen zu können. Wenn alles andere fehlschlägt, versuche ich Ihre Methode. Vielen Dank.
Bibz
1

Um die Bearbeitung der Seite zu beenden, können Sie Folgendes verwenden:

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

G Phip
quelle
0

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

user218255
quelle
user218255 Das funktioniert super. Vielen Dank. Aber wie gehe ich zurück, nachdem ich den Code bearbeitet habe? Um die Änderungen zu sehen. Stefan
Stefan