2009-10-25 13 views
8

Sono stato tirando fuori i miei capelli per le ultime ore cercando di lottare con la barra degli strumenti sviluppatore IE8 durante il lavoro con alcuni stili non giocare con la modalità IE7 correttamente ...C'è una barra degli strumenti di sviluppo migliore per IE8?

Venendo sopra da Firebug la differenza è come. .. beh, lascia solo dire è meglio di niente.

Quello che mi chiedo è, ci sono state aggiunte, patch, hack, aggiornamenti, ecc per migliorare la barra degli strumenti in IE8? Sembra, come con la maggior parte delle cose associate con la linea di IE, questo è stato davvero fatto come un ripensamento e non molto sforzo è stato messo in farlo funzionare bene ...

Aggiornamento: così mi è stato, a quanto pare, non abbastanza specifico .. qui è ciò che è fastidioso me circa le offerte di IE:

  • supporto Style - sì, è lì, ma semplicemente non mi sembra giusto. Non è facile vedere l'ereditarietà e, se si desidera modificare uno stile esistente, è necessario passare ad Attributi e aggiungere una sostituzione all'elemento.
  • Posizione dell'elemento HTML. Questo sembra un LOT cleaner in Firebug
  • Scrolling - Se hai un elemento selezionato nel pannello HTML, e vai a scorrere nel riquadro CSS sulla destra, non succederà finché non lo metti a fuoco.

La maggior parte di tutti i suoi solo i piccoli fastidi - Credo che sono stato troppo viziato da Firebug, e lo voglio in IE - ma, considerando la 'closed'-ness del prodotto sarebbe difficile da ottenere questo rettificato. Ad essere onesti, se potessi contribuire lo farei, perché mi renderebbe la vita molto più facile - ma ... sì.

+0

Sono d'accordo che la barra degli strumenti di sviluppo IE8 non è l'ideale, tuttavia, quali sono esattamente le opzioni che cerchi? Vuoi ispezionare un elemento per scoprire cosa sta facendo il CSS "agire" in modo strano?Vuoi tracciare ciò che JS è in esecuzione? - Qualche idea su cosa stai cercando ci aiuterà a indicare il/i miglior/i strumento/i per il lavoro. – scunliffe

+0

+1 per il tag "frustrazione" – Rajat

risposta

5

Non sei sicuro di quali problemi si sta cercando di eseguire il debug, ma i seguenti strumenti di tutto il lavoro bene per le loro specifiche finalità specifica:

Fiddler2 - HTTP Debugging Proxy - se si vuole vedere quali file sono chiamati, caricato, come , intestazioni, ecc. questo è lo strumento che desideri.

IE Tester - Se si vuole vedere come il sito viene visualizzato in IE6, IE7, IE8 senza installare un gruppo di macchine virtuali (o PC diversi) questo è un ottimo strumento (non perfetto, ma molto buono)

DebugBar - Simile alla barra degli strumenti di IE dev (ma è in giro molto più a lungo) vi permetterà di ispezionare/modificare vari aspetti di HTML/CSS/JavaScript.

+0

Grazie - questo, penso, è quello che cercavo (barra di debug) - sfortunatamente non sembra funzionare bene con l'ultima versione di IE8 (forse questo è solo per me, ma la vista sorgente non supera i tag HEAD ...) Oh bene! –

+1

Grazie per i link, ma ho pensato che la toolbar degli sviluppatori di IE8 fosse pessima, il debug era inutilizzabile lol ... sigh @ Microsoft –

5

Stai guardando Firebug Lite. Vedi: http://getfirebug.com/lite.html

Puoi semplicemente installarlo facilmente sulla tua pagina web e funzionerà proprio come Firebug su Firefox.

1

Gli strumenti potrebbero non essere d'aiuto in questo caso. Ecco Position Is Everything, un sito che risolve alcuni degli hack richiesti da Internet Explorer. Ho usato IETester per IE 6 problemi, ma non per IE 8.

Buona fortuna. I problemi di IE fanno davvero schifo. Se hai a che fare con Sharepoint ed è un casino di html e css, mi sento per te! Altrimenti, sii grato.

Problemi correlati