4 manieren om uw browser automatisch te vernieuwen bij het ontwerpen van nieuwe sites

U kent de drill: bewerk uw document, klik op opslaan, ga naar uw browser, vernieuw het en bekijk de wijzigingen. Zou het niet handig zijn als uw browser automatisch wordt vernieuwd met een verstrekt interval? Op die manier, bijvoorbeeld elke drie seconden, wordt de browser automatisch vernieuwd. Toegegeven, dit is niet zo praktisch voor zware websites, maar wanneer u voor het eerst begint met het ontwerpen van een nieuwe website, is dat best handig! Ik zal je een paar manieren laten zien om dit te bereiken.


Optie 1: metatag

Wist u dat, met de toevoeging van een enkele metatag in uw document, u de browser kunt instrueren om automatisch opnieuw te laden met een verstrekt interval?

 

Geplaatst binnen de hoofd tag van uw document, dit meta tag geeft de browser opdracht om elke drie seconden te vernieuwen. Behoorlijk handig!


Volledige screencast


U moet verwijder deze tag voordat u uw site start! Het mag alleen worden gebruikt voor initiële ontwikkelingsdoeleinden.


Optie 2: TextMate-opdrachten

Degenen onder u die TextMate of E-Text-Editor op de pc gebruiken, maken mogelijk geen gebruik van commando's zoveel als je zou moeten. Wist u dat er een shell-script is ingebouwd in TextMate dat de browser ook zal dwingen opnieuw te laden zodra u op de toepasselijke toetsschakelaar drukt?

Open eenvoudig het menu "Bundels" en laad de bundeleditor.


Op het tabblad HTML vindt u het script "Vernieuwende browsers vernieuwen". Onthoud of wijzig de activeringssleutel (in mijn geval Apple + R), keer terug naar uw document en probeer het uit. Dit is de geprefereerde oplossing als u een van deze twee codebewerkers gebruikt.


Optie 3: XRefresh



Een Firefox-add-on, genaamd XRefresh, zal uw projectmap controleren en elke keer dat het een wijziging in de bronbestanden detecteert, laadt het Firefox opnieuw. Deze werkt prima, maar vereist een beetje werk om aan de slag te gaan.


Optie 4: Coda: levendig

Coda-gebruikers zijn misschien niet bekend met een van mijn favoriete plug-ins, Lively genaamd. Net als de bovenstaande opties, stelt dit Coda-gebruikers in staat om de wijzigingen die ze in realtime aan hun projecten aanbrengen onmiddellijk te volgen. Als u Coda gebruikt, is dit een must-have.


Dus wat is je voorkeursmethode? Persoonlijk heb ik de neiging om vast te houden aan opties twee en vier. En jij?