ie7-developer-toolbar
La Internet Explorer Developer Toolbar serve a chi sviluppa pagine web ed applicazioni in javascript per effettuare operazioni di Debugging su HTML, CSS e Javascript delle pagine Web.
In pratica, la Microsoft ha preso atto del fatto che (anche) grazie a Firebug gli sviluppatori di applicazioni Web 2.0 preferiscono svilupparle per Firefox, allora ha messo a disposizione degli sviluppatori uno strumento analogo almeno nelle intenzioni.
Sebbene Firebug rimane nettamente superiore in alcune caratteristiche, in particolare per quanto riguarda alcune caratteristiche riguardanti la rete e la possibilità di gestire ulteriori estensioni tipo YSlow di Yahoo che serve per misurare la qualità delle prestazioni di un sito web, la IE developer toolbar è comunque uno strumento indispensabile per capire perché la pagina Web che avevamo fatto con tanta cura risulta impresentabile su Internet Explorer.
In passato l’unico metodo era iniziare a mettere degli “style=’border:1px solid black’” o “style=’background-color:red’” a tutti gli elementi nella pagina per capire da quale elemento erano causati i problemi, oppure mettere Firebug Liter nelle pagine Web.
LaInternet Explorer Developer Toolbar fornisce varie funzionalità per esplorare e capire le pagine Web. Queste funzionalità permettono di:
- Esplorare e modificare il document object model (DOM) di una pagina Web.
- Individuare e selezionare specifici elementi di una pagina web in vari modi.
- Disabilitare selettivamente alcune impostazioni di Internet Explorer.
- Vedere i nomi delle classi e degli id degli oggetti HTML, ed altri dettagli, come le destinazioni dei collegamenti, i valori di tabIndex e le scorciatoie da tastiera (accessKey).
- Vedere i bordi di tabelle, celle, immagini o tag selezionati.
- Validare HTML, CSS, accessibilità (WAI) e collegameni RSS web feed.
- Visualizzare le dimensioni di immagini, file, informazioni sul path e testi alternativi (alt e title).
- Ridimensionare la finestra del browser a risoluzioni predefinite (ad es per vedere come viene la pagina a 1024×768)
- Pulire la cache del browser e i cookies salvati scegliendo tra tutti gli oggetti o quelli associati a un particolare dominio.
- Visualizzare dei righelli per allineare e misurare accuratamente gli oggetti sulle pagine Web
- Trovare le regole di stile usate per definire i valori degli stili su un elemento.
- Vedere il codice HTML e CSS della pagina formattato e con il syntax highlighting (sono ben accetti suggerimenti per la traduzione in italiano di questo termine)
La Developer Toolbar può essere fissata in fondo alla finestra di IE, oppure fluttuante separatamente.
Per installarla, deve prima essere scaricata dall’apposita pagina del sito Microsoft:
Internet Explorer Developer Toolbar
Una volta scaricata, è sufficiente cliccarci sopra due volte, per aprire il file e quindi selezionare sempre “avanti”. Come d’altra parte tutte le installazioni di prodotti Microsoft.
Per vedere la Toolbar, è quindi necessario riavviare Internet Explorer.
Nota: La toolbar non è compatibile con Internet Explorer 8, in quanto ha già queste funzionalità incluse nativamente tramite gli Internet Explorer 8 Developer Tools.
Nota 2: Nel caso in cui aveste necessità di debuggare anche codice Javascript, o usate Visual Studio, oppure è anche disponibile gratuitamente, il Microsoft Script Debugger
Per utilizzarla si può aprire il menu Visualizza e quindi aprire il sottomenu Barra di Explorer. Oppure, aprire il menu strumenti e quindi selezionare Strumenti->Barre di Explorer per visualizzare o nascondere la Developer Toolbar.
Se utilizzate altri strumenti per sviluppare in ambiente IE, potete scriverlo nei commenti a questo post.
Per il momento non ci sono post correlati.