Costruire siti Web: debug veloce senza browser

Naviga le tue risposte
3

Esiste una metodologia per eseguire il debug dei siti Web senza un browser?

Normalmente utilizzo un browser Web per visualizzare una pagina dei risultati. Il lento processo di debug mi confonde un po '. Per correggere un errore ho bisogno di passare a una finestra di codice (che richiede un po 'di tempo). Quindi correggo l'errore e torno alla finestra del browser, premo F5 e attendo che la pagina si aggiorni (il che potrebbe richiedere 10 secondi). Potrebbe richiedere solo 1 secondo se la pagina si aggiorna automaticamente dopo aver corretto il mio codice.

Mi piacerebbe uno strumento in cui potrei vedere il mio codice e una pagina dei risultati corrispondente su uno schermo. Ho bisogno di uno strumento che aggiorni una pagina aperta al cambio del codice. Vorrei anche modificare entrambi i lati server e client (generalmente JavaScript) e vedere le mie modifiche il prima possibile, senza inutili manipolazioni da parte dell'utente.

Aggiorna .

Ho bisogno di uno strumento che controlli i file sorgente. È necessario ricaricare un browser quando viene modificato qualsiasi file sorgente. Una buona funzionalità può essere ricaricata con cache clear (ad esempio se un file modificato ha estensione specifica come .js, .css).

    
posta sergzach 20.06.2013 - 15:36
fonte

2 risposte

2

In sostanza, vuoi stringere il tuo ciclo di feedback.

Per rispondere alla tua domanda diretta, ci sono un sacco di strumenti o plugin per aggiornare automaticamente il browser quando rileva cambiamenti nel tuo progetto. Ci sono sia plugin a livello di browser, sia integrazioni editoriali. Ad esempio, quando salvi un file in vim, posso farlo aggiornare automaticamente la mia finestra del browser ed eseguire qualsiasi test automatico per quel file dato - tutto senza togliere le mani dalla tastiera.

Riguarda che ci vogliono 10 secondi per vedere le modifiche. Dovresti davvero fare tutto il possibile per accelerare il ciclo di feedback. Il tuo server web locale impiega 10 secondi per generare un file? Risolvi questo.

Se hai diviso il tuo codice abbastanza, puoi adottare TDD: questo significa:

  • Suddividere il codice in unità abbastanza piccole da poter essere eseguite e testate in isolamento
  • Deridere le dipendenze in modo che tutto sia fondamentalmente istantaneo
  • Scrivi test che falliscono
  • Soddisfa i test con codice minimo per passare
  • Refactor / ripulisci il tuo casino mentre vai

Questo porta il tuo ciclo di feedback a < 1s (senza bloccare il tuo flusso di lavoro) ogni volta che cambi un file. Questo è il tipo di caso che TDD intende aiutare: ottenere il feedback il più velocemente possibile.

Anche se non si adottano i test, esistono metodi simili per ottenere un ciclo di feedback stretto tra l'integrazione del browser, gli script automatici e le versioni semplificate del sistema sotto test. Il tuo obiettivo è semplicemente quello di ridurre al minimo i passaggi necessari per garantire che il tuo codice funzioni. Più lungo è il ritardo nel feedback, maggiore è la possibilità di programmare per coincidenza .

    
risposta data 20.06.2013 - 16:54
fonte
1

Hai provato a utilizzare (eclipse) Springource Tool Suite con Maven e Tomcat incorporato? Nei miei progetti web ho una "configurazione di esecuzione" con obiettivi di maven di clean tomcat7: run . Modifica i miei JSP e faccio clic su Aggiorna nel browser. Codice java lato server Devo arrestare il server e rieseguire il comando precedente: occorrono secondi, 2-3 clic del mouse.

    
risposta data 20.06.2013 - 15:43
fonte

Leggi altre domande sui tag

Un endpoint separato specifico per la sincronizzazione in una API REST Organizzazione di progetti e dipendenze correlati per la pubblicazione su nuget