Das Wunder des Live Reloads

Screenshot von LiveReload auf dem Mac

Ich zeige mich ja selten begeistert von Neuerungen muss ich sagen, ich könnte durchaus noch mit dem Notepad entwickeln wenn ich es wollte. Nach wochenlanger Quälerei (und das meine ich genau so) habe ich mich aber dermassen an PHPStorm gewöhnt, das ich einen anderen Editor nicht mehr in Betracht ziehe. Was aber wirklich zu einer der nervigsten Sachen der Web-Entwicklung gehört, ist die F5-Taste bzw. der permanente Reload von Seiten in Browsern beim Entwickeln.

Screenshot von LiveReload auf dem Mac

Gerade bei der Entwicklung von CSS ist die Sache mit dem Tab und dem F5 durchaus nervig. Benutzt man SASS hat man unter Umständen sogar einen Schritt mehr. Einer meiner Lieblings-Anwendungen der letzten Monate ist LiveReload geworden, das für den Mac und den PC verfügbar ist. Ganz einfach ausgedrückt leistet der kleine Helfer folgendes: Mittels einer Monitoring-Funktion überwacht es Dateien in frei definierbaren Verzeichnissen, sollte sich eine Datei ändern wird im Browser automatisch ein Reload ausgeführt.

Der Reload an sich kann dabei auf 2 Wegen erfolgen: a) man fügt ein kleines Stück JavaScript in den Head der betreffenden Seite ein, oder b) man installiert eine Browser Extension. Letzteres ist mein präferierter Weg. LiveReload kann allerdings noch ein bisschen mehr: Es kann bei einem Monitoring auch auf die üblichen Verdächtigen angesetzt werden (SASS, LESS, Stylus, CoffeeScript, …) und diese bei einer Änderung automatisch compilieren. Ferner kann nach eventuell vorhandenen Änderungen ein frei definierbares Kommando ausgeführt werden. Simple Idee, gut umgesetzt, und es erspart TONNEN an Zeit und entlastet durchaus die Taste F5! ;)

Ähnliche Beiträge

CSS Refresh ohne Reload, dafür mit JavaScript Seien wir doch mal ehrlich, was ist die am meisten genutzte Taste auf eurer Tastatur? Richtig! F5 - Reload! ;) Das nervige Reloaden einer Seite kann d...
Der Unterschied zwischen :nth-child und :nth-of-ty... Ich hab hier mal wieder ein CSS eines Kollegen zwischen das von dem Bemühen zeugt, innovative Lösungen zu nicht existierenden Problemen zu finden (ist...
SlickMap – Sitemaps schnell und einfach als ... Es gibt nicht einen Kunden, der nicht auf seiner noch so winzigen Homepage eine Sitemap haben will. Der tiefere Sinn erschliesst sich zumeist nicht. W...
jFontSize – dynamische Font-Size mittels jQu... Ich entwickele zur Zeit einen Magento-Shop für Silver Surfer. Natürlich gibt es da besondere Ansprüche, und eine davon ist die klare Lesbarkeit der Se...

2 Kommentare

Schreibe einen Kommentar