JavaScript  »  Articoli  »  Mondo Javascript 

Console e API

Firebug oltre a tutte le funzionalità descritte in precedenza presenta anche alcune API invocabili direttamente da codice JavaScript che permettono di loggare all'interno della console del plugin informazioni utili durante lo sviluppo di una applicazione. 

Lo sviluppatore JavaScript avrà infatti a disposizione in qualsiasi punto del suo script l'oggetto implicito console il quale permette, tramite i metodi definiti, di gestire la console della sua applicazione. Ecco un dettaglio dei metodi invocabili e il relativo significato:

• console.log – stampa un messaggio di log in console
• console.debug – stampa un messaggio di debug in console
• console.info – stampa un messaggio di info in console
• console.warn – stampa un warning in console
• console.error – stampa un errore in console
• console.profile – inizializza una sessione di profiling
• console.profileEnd – termina una sessione di profiling
• console.trace – stampa un  frammento di stacktrace dei metodi invocati
• console.group e console.groupEnd – permettono di creare dei gruppi di testo in console per avere le informazioni stampate in maniera più leggibile
• console.dir e console.dirxml – permettono di effettuare un dump di un particolare oggetto per analizzarne le proprietà

Per un maggiore approfondimento di queste API rimando alla pagina del sito ufficiale di Firebug (http://getFirebug.com/logging.html).

Prima però di eseguire il vostro script su altri browser (Internet Explorer in primis) assicuratevi che tutti i riferimenti all'oggetto console siano commentati o incapsulati in qualche oggetto particolare perché altrimenti genereranno errori, in quanto cercheranno di invocare metodi su un oggetto non esistente.

Usabilità

A differenza della maggior parte dei plugin disponibili per Firefox, Firebug presenta una usabilità fuori dal comune. Esso infatti può essere visualizzato sia come pannello posto al di sotto del viewport principale sia come finestra stand-alone rispetto alla finestra del browser.

Può essere richiamato in qualsiasi momento grazie alla pressione del tasto F12 o cliccando sull'iconcina in basso a destra (un cerchio verde in Firebug 1.05 e un insetto in Firebug 1.2).

Inoltre Firebug, in quanto influenza parecchio il rendering delle pagine HTML, può essere disattivato per determinati siti (un classico esempio è Gmail che notifica anche questa possibilità con un banner rosso).

Firebug Lite

Firebug Lite rappresenta un ottimo tentativo di porting di Firebug all'interno di altri browser che non supportano l'estendibilità tramite plugin esterni. Esso è un semplice script JavaScript che permette di emulare il plugin all'interno di altri browser. Il progetto è mantenuto dagli stessi sviluppatori di Firebug e nonostante non presenti tutte le funzionalità presenti nel plugin originale, può senza dubbio dare molti aiuti a chi deve sviluppare applicazioni che siano cross-browser.

Per installare Firebug Lite all'interno di una pagina web già esistente è necessario includere uno script JavaScript con il classico tag <script>.

Figura 7 - Firebug Lite in azione su Internet Explorer 7

Una volta inserito lo script nelle nostre pagine sarà possibile accedere alla console, al CSS, HTML e DOM inspector e ad una versione limitata del newtork monitor che in questo caso potrà tracciare solamente le richieste XmlHttpRequest. 

Queste limitazioni derivano dal fatto che via JavaScript non è possibile ottenere maggiori informazioni sull'applicazione corrente.

Altri articoli

Altre guide

Altre newsletter