Web-Seiten sind nur Dokumente, die Ihr web-browser angezeigt werden. Aber was ist, wenn könnten Sie direkt auf jede web-Seite zu ändern? Sie können, und Sie brauchen nicht eine browser-Erweiterung—es ist eine integrierte Funktion in jedem modernen browser.
Dieses feature nutzt die “Dokument.designMode” – Funktion, die Sie aktivieren können über Ihren web-browser die JavaScript-Konsole. Es wurde vor kurzem hervorgehoben, die von Tomek Sułkowski auf Twitter, aber es ist so cool, dass wir es mit unseren Lesern teilen.
Das Gefühl, wenn du zum ersten mal entdeckt `document.designMode` pic.twitter.com/bxA1otzCjN
— Tomek Sułkowski (@sulco) September 27, 2019
Sie können mit dieser Funktion zum bereinigen einer web-Seite, bevor Sie es drucken, überprüfen, wie sich änderungen an einer web-Seite Aussehen wird, oder auch nur Streich Menschen. Es wird so sein, wie das Bearbeiten eines Word-Dokument—kein Herumspielen mit HTML erforderlich.
Um diese Funktion zu aktivieren, besuchen Sie eine web-Seite, und dann öffnen Sie die Entwickler-Konsole. Um die Konsole zu öffnen in Google Chrome, klicken Sie auf Menü – > Weitere Tools – > Entwicklertools oder drücken Sie Strg+Umschalt+i.
Während wir gerade mit Chrome hier als Beispiel, diese Funktion arbeitet in anderen modernen Browsern auch. Hier ist, wie um die Konsole zu öffnen in anderen Browser:
- In Mozilla Firefox, klicken Sie auf Menü > Web-Entwickler > Web-Konsole oder drücken Sie Strg+Umschalt+K.
- Im Apple Safari klicken Sie auf Safari > Einstellungen > Erweitert und aktivieren Sie “Show Develop menu in menu bar”. Dann, klicken Sie auf Entwickeln > Show JavaScript Console.
- In Microsoft Rand, klicken Sie auf Menü > Weitere Tools – > Entwickler-Tools oder F12 drücken, und dann klicken Sie auf die “Console” – tab.
Klicken Sie auf die “Console” – Reiter am oberen Rand der Developer Tools-panel. Geben Sie den folgenden in die Konsole ein und drücken Sie die EINGABETASTE:
Dokument.designMode = ‘on’
Sie können nun schließen Sie die Konsole, wenn Sie möchten, und Bearbeiten Sie die aktuelle web-Seite, als ob es war ein editierbares Dokument. Klicken Sie irgendwo einfügen den cursor, und geben Sie text. Verwenden Sie die Rücktaste oder die Entf-Tasten zum entfernen von text, Bildern und anderen Elementen.
Das ändert nur, wie die Webseite in Ihrem browser angezeigt wird. Sobald Sie die Seite aktualisieren, sehen Sie das original erneut. Wenn Sie gehen, um einer anderen web-Seite oder tab, es wird nicht im design-Modus, bis Sie die Konsole öffnen, und geben Sie diese Zeile wieder.
Sie können sogar zurück in die Konsole und führen Sie den folgenden Befehl ein, um drehen design-Modus aus:
Dokument.designMode = ‘off’
Die web-Seite wird nicht mehr bearbeitet werden, aber Ihre änderungen werden beibehalten, bis Sie den nächsten refresh der Seite.
LESEN SIE WEITER
- › Google Kündigt Maps Inkognito-Modus und Mehr Kontrolle der Privatsphäre
- › Bestätigt: Windows 10-Setup Verhindert Nun, Dass Sich Lokale Konto Erstellen
- › So Deaktivieren Sie die Apple-Uhr Immer Auf dem Display
- › Wie sichern Sie Ihre Sachen und Wechseln Sie zu einem Neuen Mac
- › Ist der Mac Pro ist Überteuert im Vergleich zu einem PC?