4 modi per aggiornare automaticamente il browser durante la progettazione di nuovi siti

Conoscete il trapano: apportare alcune modifiche al documento, fare clic su Salva, passare al browser, aggiornarlo e quindi osservare le modifiche. Non sarebbe conveniente se ci fosse l'auto-aggiornamento del browser a intervalli prestabiliti? In questo modo, ad esempio, ogni tre secondi, il browser si aggiornerà automaticamente. Certo, questo non è troppo pratico per i siti web pesanti, tuttavia, quando si inizia la progettazione di un nuovo sito Web, è abbastanza conveniente! Ti mostrerò un paio di modi per raggiungere questo obiettivo.


Opzione 1: Meta Tag

Lo sapevi che, con l'aggiunta di un singolo metatag nel tuo documento, puoi istruire il browser a ricaricarlo automaticamente a intervalli prestabiliti?

 

Inserito nel capo tag del tuo documento, questo meta tag indicherà al browser di aggiornare ogni tre secondi. Abbastanza elegante!


Screencast completo


tu dovere rimuovi questo tag prima di avviare il tuo sito! Dovrebbe essere usato solo per scopi di sviluppo iniziale.


Opzione 2: comandi TextMate

Quelli di voi che usano TextMate o E-Text-Editor sul PC, potrebbero non approfittarne comandi quanto dovresti. Sapevi che c'è uno script di shell integrato in TextMate che costringerà il browser a ricaricarlo non appena si preme il pulsante di attivazione applicabile?

Basta aprire il menu "Pacchetti" e caricare l'editor di pacchetti.


All'interno della scheda HTML, troverai uno script "Aggiorna browser in esecuzione". Memorizza o modifica la chiave di attivazione (nel mio caso, Apple + R), torna al documento e provalo. Questa è la soluzione preferita se si utilizza uno di questi due editor di codice.


Opzione 3: XRefresh



Un componente aggiuntivo di Firefox, chiamato XRefresh, monitorerà la cartella del progetto e, ogni volta che rileva una modifica ai file di origine, ricaricherà Firefox. Questo funziona alla grande, ma richiede un po 'di lavoro per essere operativo.


Opzione 4: Coda: vivace

Gli utenti Coda potrebbero non avere familiarità con uno dei miei plugin preferiti, chiamato Lively. Come le opzioni sopra, questo permette agli utenti Coda di osservare immediatamente i cambiamenti che apportano ai loro progetti in tempo reale. Se usi Coda, questo è un must-have.


Allora, qual è il tuo metodo preferito? Personalmente, tendo ad attenermi alle opzioni due e quattro. E tu?