Instrumente pentru testarea și depanarea în IE
Foarte des, atunci când dezvoltați un proiect, testarea acestuia în Internet Explorer este amânată până la ultima. Și este destul de normal, dacă problemele dvs. sunt în principal legate de aspectul paginii.
Cu toate acestea, în timpul dezvoltării unei aplicații web cu o mulțime de funcții diferite, este destul de posibil să apară un alt tip de probleme: depanare constantă, performanță pe partea clientului, probleme de proprietate și multe altele. În orice caz, depanarea în IE nu este întotdeauna la fel de confortabilă ca și în alte browsere.
În articolul de astăzi, vom examina diverse seturi de instrumente care vă vor ajuta să faceți procesul de depanare și testare în IE mai plăcut.
Browser Builds
Mai întâi de toate, trebuie să instalați toate versiunile populare ale Internet Explorer (IE6, IE7, IE8). Pentru aceasta, există multe soluții diferite, voi vorbi despre patru dintre ele.
Colecția Internet Explorer
Personal, vă recomandăm să utilizați Colecția Internet Explorer. Nu vă faceți griji, acesta este un instrument foarte fiabil (în ciuda apariției site-ului lor). Colecția Internet Explorer conține multe versiuni de IE, complet independente una de cealaltă, astfel încât acestea să poată fi utilizate simultan.
Vă recomandăm acest ansamblu, în special deoarece browserele sunt foarte stabile. În plus, Colecția Internet Explorer conține bara de instrumente pentru dezvoltatori din Internet Explorer.
BrowserSeal.BrowserPack
Dacă aveți nevoie de versiuni mai vechi ale altor browsere, vă recomandăm să instalați BrowserSeal.BrowserPack. Utilizează Colecția Internet Explorer menționată mai sus și vă permite de asemenea să instalați browsere precum Safari3 și Opera 9.
Browserele care fac parte din browserul BrowserSeal.BrowserPack sunt stabile și nu au probleme detectate.
IETester are unele avantaje în comparație cu alte ansambluri, cum ar fi deschiderea diferitelor versiuni ale IE în tab-uri.
IETester este dezvoltat de comanda DebugBar, care oferă, de asemenea, instrumente minunate de depanare DebugBar și Companion.js (ambele discutate în articolul de astăzi).
Din păcate, IETester (versiunea 0.4.2) rămâne o aplicație foarte nesigură, în plus, în timpul depanării există unele inconsecvențe. Să sperăm că mai devreme sau mai târziu aceste probleme vor fi corectate și vom putea să luăm IETester în slujba noastră.
Microsoft Expression Web SuperPreview
Microsoft Expression Web SuperPreview este o aplicație cu drepturi depline și o parte a produsului Microsoft Expression Web 3. Scopul său principal este capacitatea de a compara aceeași pagină simultan în IE6, IE7 și IE8.
În opinia mea, această aplicație nu este destinată depanării și testării.
Instrumente de depanare de bază
Cel mai probabil, pentru depanarea în Firefox, folosiți Firebug. Și poate ați auzit și despre Firebug Lite și chiar ați folosit. Apoi, veți afla ce alte modalități puteți utiliza pentru depanarea codului în Internet Explorer.
Firebug Lite
Voi spune imediat că nu sunt un mare fan al Firebug Lite. În primul rând, deoarece majoritatea funcțiilor consolei nu sunt disponibile în alte browsere. În al doilea rând, nu funcționează întotdeauna bine. Am întâlnit în mod repetat o serie de probleme în IE, așa că nu te concentra pe acest instrument.
IE Bara de instrumente pentru dezvoltatori
Poate că sunteți familiarizat cu instrumentele de dezvoltare pentru IE8. IE Developer Toolbar este practic același instrument pentru IE6 și IE7. Și, în plus, vine în mod implicit cu ansamblul colecției IE.
IE Developer Toolbar este ușor de utilizat și oferă o mare varietate de instrumente pentru depanare. Prin funcționalitate, acesta poate fi comparat cu Web Developer, un supliment pentru Firefox.
Tot ce nu aveați în Bara de instrumente pentru dezvoltatori, veți găsi în DebugBar. În cele mai multe cazuri, când trebuie să găsiți ceva în afara documentului, DebugBar vă va ajuta. Este foarte rapid și sigur.
Dacă a trebuit să descrieți DebugBar pe scurt, este suficient să spuneți "funcționează!".
CompanionJS
Companion.js se integrează cu IE și poate fi ușor numit cea mai simplă versiune de Firebug. Spre deosebire de Firebug Lite, Companion.js, are o consola și rapoarte de bug-uri mai convenabile.
Din păcate, Companion.js are două dezavantaje serioase: 1) nu suportă încă metode precum console.dir (); și 2) uneori se încadrează în eroare, atunci când este utilizat împreună cu alte instrumente de dezvoltare pentru IE.
Instrumente de testare a performanței
Testarea și optimizarea performanțelor clientului este o practică pe care, de mult timp, "nu a existat" în dezvoltarea web-ului. Adică, nu i sa acordat atenția îndelungată de mult timp.
După cum probabil știți, Internet Explorer (în special IE6) nu este atât de bun, mai ales în comparație cu alte browsere. Dar, când începeți să testați performanța în IE6, veți fi surprins de modul în care lucrurile minore pot afecta viteza site-ului.
Apoi, ne uităm la unele instrumente de testare a performanțelor pe care le puteți utiliza în orice browser, nu atât de mult pe Internet Exploer.
dynaTrace AJAX
Dacă utilizați Speed Tracer în Google Chrome, atunci vă veți bucura de dyna Trace AJAX. Numele vorbește de la sine - este folosit pentru a diagnostica și urmări AJAX, precum și probleme cu performanța script-urilor client. În plus, în plus, furnizează instrumente pentru urmărirea problemelor de redare (redare) și încărcarea în rețea.
dynaTrace AJAX nu este cel mai ușor de utilizat instrument. Cu toate acestea, în blogul lor auto-titlul, veți găsi o mulțime de informații utile despre aplicarea acestei aplicații puternice. Instalați dynaTrace AJAX și rezolvați toate problemele de performanță care încetinesc site-ul în Internet Explorer.
MySpace's Perfomance Tracker
MySpace lui Perfomance Tracker sau „msfast“ - este un plugin pentru browser care ajută dezvoltatorii să îmbunătățească performanța de cod prin colectarea și măsurarea potențialului „blocajelor“ de pe pagina web.
Am câteva probleme minore la instalarea versiunii beta. Dar, după ce versiunea alfa a fost instalată și actualizarea a fost făcută pentru versiunea beta, totul a funcționat.
Fiddler este un server proxy de depanare, jurnalul principal al tuturor traficului HTTP (S). Fiddler vă permite să verificați toate traficul HTTP (S), să setați puncte de intersecție și să "jucați" cu date de ieșire și de intrare. Fiddler include un subsistem puternic de scripting și poate fi extins cu orice limbaj .NET.
Pentru a fi sincer, practic nu folosesc Fiddler. Practic, deoarece problemele de performanță asociate traficului site-ului sunt rezolvate întotdeauna cu ajutorul unui alt instrument (într-un alt browser). Dar Fiddler oferă o înțelegere excelentă a ceea ce se întâmplă cu adevărat între browser și server și oferă, de asemenea, un număr mare de setări.
Alte resurse
La momentul redactării articolului, am găsit un instrument numit IEInspector. Instrumentul este plătit, dar există o versiune demo gratuită. Nu am avut timp să o analizez în detaliu, poate că ați vrea să o încercați.
În plus, pe site-ul Microsoft Windows, există o listă. care conține instrumentele utile pentru testarea și dezvoltarea aplicațiilor în Internet Explorer 8.