2010-09-26 11:23:50 +0000 2010-09-26 11:23:50 +0000
34
34

Bearbeiten von HTML-Quellcode mit Google Chrome

Im Internet Explorer kann ich eine lokale .html-Datei öffnen und sie bearbeiten, indem ich im Menü “Ansicht” die Option “Quelle” auswähle, eine schnelle Änderung vornehme und dann die Webseite “Aktualisieren” (neu laden).

Wie kann ich das mit Google Chrome machen?

Kann ich die .html-Datei im Windows Notepad öffnen lassen? (Ich mag Notepad, weil es wirklich schnell ist).
Quelle

Antworten (4)

27
27
27
2010-09-26 11:40:16 +0000

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.
Quelle
23
23
23
2010-09-28 09:48:35 +0000
  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 :)
Quelle
1
1
1
2014-08-15 13:39:52 +0000

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
Quelle
1
1
1
2013-02-02 16:31:20 +0000

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

Quelle