Neu laden des Browserfensters automatisieren

Viele Webentwickler benutzen bei der Erstellung des Codes ihren Lieblingseditor, überprüfen aber dennoch die Änderungen permanent in ihrem Webbrowser. Das führt dazu, dass ein ständiges hin- und herspringen zwischen Code-Editor und Browser erfolgt. Dabei sind stets mehrere Schritte notwendig: Zunächst speichert man den Code im Editor, wechselt dann zum Webbrowser und aktualisiert schließlich den Inhalt der Seite. Zwar lässt sich die Prozedur durch die Verwendung von Tastenkürzeln erheblich beschleunigen, dennoch kostet jede Wiederholung Zeit und Nerven.

Einen möglichen Lösungsansatz bietet ein Werkzeug namens XRefresh, welches automatisch das Browserfenster aktualisiert sobald eine Änderung am Code vorgenommen wurde. XRefresh selbst besteht aus zwei Komponenten, nämlich aus einem Plugin für den Browser (Firefox und Internet Explorer) und einer Anwendung (Windows und Mac), die die Projektordner auf Änderungen überwacht.

Installation

Wer XRefresh im Zusammenspiel mit Firefox nutzen möchte, muss zunächst Firebug installieren. Zusätzlich muss noch das eigentliche XRefresh Add-on installiert werden.
Nutzer des Internet Explorers müssen lediglich ein Installationspaket ausführen, welches sowohl die Anwendung wie auch das Add-on beinhaltet.

Bedienung

Nach dem Start nistet sich XRefresh unter Windows im Infobereich (Traybar) ein. Als ersten Schritt trägt man die gewünschten Dateien bzw. Verzeichnisse in eine “Überwachungsliste” ein. Nun öffnet man den gewünschten Browser. Im Firefox müssen lediglich die beiden Add-ons aktiv sein, im Internet Explorer muss zusätzlich das XRefresh Icon betätigt werden. Wird jetzt eine Änderung an einer der Dateien aus der Überwachungsliste vorgenommen und diese gespeichert, aktualisiert das Programm sofort und automatisch die Seite im Browser.

Einsatzmöglichkeiten

Besitzt man einen ausreichend großen Monitor, kann man bequem den Editor und den Browser gleichzeitig geöffnet lassen, und hat nach dem Abspeichern (am schnellsten mit dem Tastenkürzel Strg+C) alle Änderungen in Echtzeit im Blick. Bei kleineren Monitoren ist zwar noch ein Programmwechsel (Alt+TAB) erforderlich, zumindest entfällt aber das lästige Aktualisieren der Website. Gute Dienste leistet die Software auch, wenn man mit zwei Monitoren arbeitet, d. h., auf dem ersten Monitor läuft die Entwicklungsumgebung und auf dem anderen der Browser. In jedem Fall lässt sich durch den Einsatz von XRefresh Maus- und Tastaturarbeit - und damit Zeit - einsparen.

1 Kommentar

  1. Joachim sagt:

    Danke für den Tipp, bin auch einer von denen die immer zwischen Editor und Browser switchen, wird mir in Zukunft viel geklicke ersparen!

Einen Kommentar schreiben

RSS-Logo Kommentare zu nur diesem Artikel können Sie als RSS 2.0 Feed abonnieren.