Speichern Sie eine Website, öffnen Sie die gespeicherte .htm-Datei im Browser, bearbeiten Sie ihre CSS/HTML, sehen Sie sich Live-Änderungen an

Ich lerne Webdesign und möchte das tun, was Sie in Chrome- und Firefox-Webentwicklertools tun können, aber alles in meinem System speichern und Änderungen beibehalten und in einem Editor meiner Wahl bearbeiten.

So wie ich diese Seite speichere, indem ich Strg+s drücke, speichere sie in einem Ordner als something.htm, öffne die htm im Browser und ihre css/etc-Dateien in erhabenem Text, nehme dort Änderungen vor und sehe sie im Browser.

Gibt es etwas, das mich dazu befähigen kann?

Muss sich die Seite im Browser ändern, während Sie Sublime Text eingeben, oder reicht es, sie nach dem Speichern der Datei neu zu laden?
Sie können Sublime Text-Tastenbelegungen (sowie Vim oder Emacs) im Quellcode-Editor der Firefox-Entwicklertools aktivieren.

Antworten (2)

Was Sie suchen, ist LiveReload . Plattformübergreifend - Windows (XP+), Linux, Max OSX, über Javascript auch iOS & Android. Wahrscheinlich möchten Sie eine der Browser-Erweiterungen für eine einfachere Verwendung.

Es gibt auch ein Sublime-Plugin dafür, aber das habe ich nicht ausprobiert. Ich glaube , das wird Ihnen eine Vorschau während der Eingabe ermöglichen und nicht nur beim Speichern.

HTTrack funktioniert gut, um den Inhalt einer Website vollständig zu erfassen. Es erfasst alle Dateien, die zum Erstellen der Website erforderlich sind, und speichert sie lokal zum Offline-Browsen. Funktioniert unter Windows, Linux, Mac OSX.

Eine andere Alternative ist die Verwendung von Wget . Es kommt für Windows, Linux. Für MacOSX ist es besser, Brew zu verwenden .

Sie können den Befehl wget -r --no-parent http://site.com verwenden , um die Website abzurufen.

Um jetzt Änderungen an den Offline-Webseiten vorzunehmen, können Sie Add-Ons wie Firebug für Firefox verwenden, und Chrome hat ähnliche integrierte Entwicklertools wie Firefox. So können Sie Änderungen vornehmen und die Änderungen live sehen.

Ich denke, das OP möchte den Sublime Text-Editor zum Ändern des Codes verwenden und die Änderungen im Browser anzeigen lassen, ohne die Seite manuell neu laden zu müssen.