-Website ohne Quelltext bearbeiten?

Hallo, ich habe bei einem Streamer gesehen, dass wenn er auf einer Website auf irgendeinen Text geklickt hat, das Eingabezeichen erscheint. Jetzt wollte ich das auch mal ausprobieren wie man das macht, aber ich habe leider nichts gefunden. Außerdem sollte die Website nur so lange bearbeitet sein, wie ich mich auf dieser befinde, und das Bearbeitete sollte nur für mich sichtbar sein. Vielleicht könnte mir hier jemand helfen?

Hier mal ein Bild, damit ihr hoffentlich wisst, was ich meine:

Answer 1

[Erzesel]

@Lezurex Antwort hat einen Fehler, die richtige Eingabe lautet:

document.designMode = 'on'

• Drücke in einem Chromiumbrowser [F12] um die Entwicklertools aufzurufen.
• Wähle den Console -Tab
• füge obige Zeile in den propt ein und drücke Enter.
• nun kannst Du die Seite im Browser bearbeiten.

Dies hat keinen Einfluss auf die Onlineseite oder die Funktionalität der Elemente.

Comments

[Erzesel]

Ps: nach dem Eintrag kannst Du die Console wieder mit F12 schließen oder/und mit document.designMode = 'off' den Designmode abschalten. die Veränderungen bleiben bis zum Reload der Seite erhalten.

[7itrone]

@erzesel, @lezurex, @serius vielen dank für eure antworten, muss ich das jetzt auf jeder website überall einzeln eintragen oder gibt es da etwas, was ich einmal eintrage und es dann auf allen websites funktioniert? Und ist es möglich dass ich es nicht immer vor dem bearbeiten eintippen muss?

[Erzesel]

@7itrone

Das gilt für die Webseite und im gleichen Tab geöffnete Links auf der Seite.

Das gilt jedoch nicht global für den Browser und auch nicht wenn Du einen anderen Inhalt im gleich Tab öffnest.

Probiers einfach... dabei kann nichts kaputt gehen...

Naja außer dass das ganze Internet ausgelöscht wird🤣

[7itrone]

@Erzesel

ich möchte document.designMode = 'on' einmal eintippen sodass es dann auf allen websites immer an ist, ohne dass ich jedes mal F12 drücken muss und es manuell reinschreiben muss. Ist das nicht möglich?

[Erzesel]

@7itrone

Nö... das geht nicht, würde auch keinen Sinn machen.

Die Entwicklertools sind ein Werkzeug um Web-/Htmlseiten zu testen und kein Spielzeug...

...um Deine Kumpels zu beeindrucken reicht das allemal:

"Ich verändere die Amazonpreise"🤣

[7itrone]

@Erzesel

achso, aber wieso ist es dann bei dem streamer immer so, dass das Eingabefeld erscheint wenn er auf irgendeinen Text klickt?

Answer 2

[Lezurex]

In jedem beliebigen Chromium- oder Firefox-Browser kannst du in der JavaScript-Konsole folgendes machen:

document.designMode = 'on'

Danach kannst du die Website bearbeiten.

Woher ich das weiß: Berufserfahrung – Informatiker Applikationsentwicklung

Comments

[L4ze3]

Firefox hat diese Funktion leider noch nicht.

Gerade ausprobiert, das funktioniert auch mit Firefox

[Lezurex]

@L4ze3

Als ich das letztens ausprobiert habe, ging das noch nicht. Gut zu wissen.

[Erzesel]

so ist es richtig:

document.designMode = 'on'

[7itrone]

wo soll ich das reinkopieren? bzw. wie rufe ich diese JavaScript-Konsole auf? Geht das auch wenn ich an einem MacBook bin?

[Serius]

Ich weiß nicht, wieso ich es versucht habe, aber im aktuellen Chrome Browser geht das bei mir nicht.

[Lezurex]

@Serius

Es war document.designMode. Da ich grad am Handy bin konnte ich das nicht prüfen, hatte ich wohl falsch in Erinnerung.

Danke für den Hinweis.