Strumenti Web Debugger

November 3

Strumenti Web Debugger


Debug di un sito consente agli sviluppatori di ottimizzare e perfezionare il loro progetto prima di presentarlo a un cliente per l'approvazione. Come ci sono molte cose da guardare in quando si verifica una pagina Web, avendo a portata di mano uno strumento di debug renderà il processo più veloce e migliorare la vostra produttività. Anche se il debug del software è disponibile per la vendita, un paio di strumenti di debug che funzionano altrettanto bene sono disponibili gratuitamente.

Firebug

Firebug è strumento gratuito di debug Web di Mozilla. Uno strumento ampiamente utilizzato, soprattutto per gli sviluppatori JavaScript, funziona insieme a Firefox, che consente di visualizzare il sito sul browser e analizzare ogni parte del suo codice. Questo è utile anche quando lo sviluppo di siti con i CSS, in quanto ha strumenti visivi che possono aiutare a ottimizzare il layout e il design del sito.

Google Chrome Developer Tools

Google Chrome sta rapidamente diventando il browser Web di scelta per molti utenti, insieme con i suoi strumenti di sviluppo. Se si fa clic su una pagina quando si utilizza Chrome, l'opzione "Inspect Element" consente di aprire la console di Strumenti per sviluppatori. Questo ti dà la possibilità di guardare in ogni elemento della pagina Web per eseguire il debug di problemi o ispezionare alcune parti del codice Web che hanno bisogno di fissaggio.

Web Developer Extension

L'estensione Web Developer è un add-on per i browser che permette di utilizzarlo come strumento di debug. Questa estensione è attualmente disponibile per Firefox, Chrome, Flock e Seamonkey e aiuta a convalidare XHTML, esaminare le informazioni di intestazione HTTP nonché cercare eventuali errori CSS o JavaScript.

IE Developer Toolbar

La barra degli strumenti di IE Developer è utile quando il test di siti web per la compatibilità cross-browser. Come gli strumenti precedenti non sono applicabili a Internet Explorer, è possibile utilizzare questa barra degli strumenti per dare accesso a funzioni quali il debug CSS o ispezione DOM di costruire un sito che è Internet Explorer - compatibili.

Esaminate ogni cosa

Esaminate ogni cosa è uno strumento web-based che analizza il sito inserendo l'URL del tuo sito nel sito di prova tutto. Esso consente di scegliere tra diversi strumenti di debug web, come CSS e HTML validatori, ed integra altri servizi online, come ad esempio Browsershots e WebWait. L'unico aspetto negativo di questo è che il vostro sito sarà bisogno di essere in diretta su Internet per utilizzare i servizi disponibili sul sito web di prova tutto.