JavaScript debug in Firefox

August 8

JavaScript debug in Firefox


Il browser Mozilla Firefox fornisce un ambiente unico per il debug di programmi Javascript. In aggiunta alle funzionalità native, come la visualizzazione del codice sorgente e display console degli errori, ci sono numerosi componenti aggiuntivi disponibili per le applicazioni web debug in tempo reale. Questo permette agli sviluppatori di simulare al meglio una esperienza di navigazione dell'utente, garantendo nel contempo la piena funzionalità delle loro applicazioni web Javascript.

Storia

Prima del 1990, la maggior parte delle pagine web statiche, la visualizzazione di testo e immagini con HTML (Hyper Text Markup Language) e CSS (Cascading Style Sheet). JavaScript è diventato onnipresente alla fine del 1990 e, con l'avvento delle tecnologie Web 2.0, costituisce una parte enorme della domanda di sviluppo del software per le applicazioni web. Firefox è diventato uno degli ambienti più versatili per il debug JavaScript con i suoi strumenti ricchi di sviluppo nativo e componenti aggiuntivi che consentono di test e un esame dell'ambiente di runtime JavaScript.

Caratteristiche nativi

Le caratteristiche "View Source" e "Error Console" in Firefox consentono agli sviluppatori di ispezionare il codice scritto in modo statico per una pagina web. Questi strumenti mostrano il quadro di ciò che sta accadendo "sotto il cofano", la comunicazione delle informazioni dettagliate su eventuali avvisi JavaScript o errori riscontrati in cui posiziona all'interno del codice. Per facilitare la comprensione, Firefox fornisce anche l'evidenziazione della sintassi quando si sta visualizzando il codice sorgente.

Firebug Add-On

Per il codice Javascript generato dinamicamente, Firefox funzionalità native sono inferiori a causa delle limitazioni inerenti le modalità di attuazione. Firebug è un popolare strumento web di debug che consente ai programmatori di visualizzare il codice sia dinamicamente e staticamente consegnati, impostare punti di interruzione e l'esecuzione di controllo di Javascript, esaminano le richieste di AJAX e anche scrutare il DOM (Document Object Model) della pagina in modo interattivo. Gli sviluppatori possono anche modificare il codice JavaScript in tempo reale, che prevede più semplice test e debug di nuove funzionalità.

Web Developer Add-On

Il Web Developer add-on per Firefox offre una funzionalità molto simile a quella in Firebug, ma fornisce un controllo più granulare su come Javascript interagisce con gli elementi statici di pagine web. Web Developer consente agli sviluppatori di mettere a punto come il sito interagisce con gli utenti in tempo reale durante il debug. tester di applicazioni Web utilizzano questo strumento per manipolare gli elementi statici sulla pagina web per verificare e migliorare la funzionalità Javascript.

limitazioni

La limitazione principale di debug JavaScript in Firefox è la mancanza di un cross-piattaforma standard Javascript. Dal momento che diversi browser implementano l'interprete Javascript in modi diversi, un processo che esegue il debug correttamente in Firefox non può necessariamente funzionare in Internet Explorer, Safari o Chrome. Anche se gli strumenti di sviluppo di Firefox forniscono funzionalità di debug avanzate per Javascript, non possono eliminare gli errori di cross-platform inerenti alle implementazioni del browser proprietarie.