Bearbeiten von HTML-Quellcode mit Google Chrome

Ctrl+Shift+I or F12 -> Elemente, Es sollte Ihre Quelle zeigen. Klicken Sie mit der rechten Maustaste auf ein beliebiges Element und klicken Sie auf Edit as HTML

Bearbeiten:

Es gibt einige Erweiterungen, die wie das aussehen, was Sie wollen: https://chrome.google.com/extensions/search?itemlang=&q=editor &003

ChromeEditor & Live WebSite Editor sehen vielversprechend aus.

Added by barlop Ich sehe, daß (nach ctrl-shift-I / F12) ein Rechtsklick auf den <HTML..> or </HTML>-Tag und Klicken auf “edit as html”. mir erlaubt, überall darin zu editieren. Die Wahl des öffnenden Tags bedeutet, dass das Popup zum Bearbeiten gerade die gesamte html-Quelle abdeckt, die sich dort befindet - was sehr ordentlich in Bezug auf den Platz beim Bearbeiten ist. Die Wahl des schließenden Tags könnte nützlich sein, da das Popup dann unter dem html erscheint, so dass Sie ein Vorher/Nachher sehen. Oder besser, wie Benjamin sagt, F2 zum Bearbeiten, Strg-Eingabe zum Bestätigen.

1. DevTools öffnen
2. Elemente-Panel öffnen
3. html oder body oder ein anderes gewünschtes Element auswählen
4. Konsole mit Esc öffnen
5. $0.contentEditable = true schreiben

jetzt können Sie Text auf der Seite editieren und Bilder verschieben, aber es ist nicht so, dass Sie wirklich wollen :)

Wenn Sie die Datei als html-Quelle (und nicht als einzelne Elemente) bearbeiten möchten, können Sie Folgendes tun:

1. Wählen Sie auf der linken Seite die Registerkarte ‘Quellen’
2. Klicken Sie mit der rechten Maustaste in das Fenster ‘Quellen’ und wählen Sie ‘Ordner zum Arbeitsbereich hinzufügen’ und fügen Sie einen Ordner mit der HTML-Quelldatei hinzu
3. Klicken Sie mit der rechten Maustaste auf die html-Datei, die Sie bearbeiten möchten, und wählen Sie ‘Zur Netzwerkressource zuordnen

Sie können diesen InlineEditor zum Bearbeiten und Speichern von statischem html in Browser-Seiten ausprobieren. Hier ist die demo