Однак, під час розробки веб-додатки з великою кількістю різних функцій, цілком можлива поява іншого роду проблем: постійна налагодження, продуктивність на клієнтській стороні, пропрієтарні проблеми і багато іншого. У будь-якому випадку, виробляти налагодження в IE не завжди так само комфортно, як в інших браузерах.
У сьогоднішній статті, ми розглянемо різні набори інструментів, які допоможуть вам зробити процес налагодження та тестування в IE, більш приємним.
складання браузерів
В першу чергу звичайно ж потрібно встановити всі популярні версії Internet Explorer (IE6, IE7, IE8). Для цього існує безліч різних рішень, я розповім про чотири з них.
Internet Explorer Collection
Особисто я рекомендую використовувати - Internet Explorer Collection. Не лякайтеся, це дуже надійний інструмент (незважаючи на зовнішній вигляд їх сайту). Internet Explorer Collection містить безліч версій IE, абсолютно незалежних один від одного, так що їх можна використовувати одночасно.
Я рекомендую цю збірку головним чином тому, що їх браузери досить стабільні. Крім того, Internet Explorer Collection містить Internet Explorer Developer Toolbar.
BrowserSeal.BrowserPack
Якщо вам потрібні більш старі версії інших браузерів, я рекомендую встановити BrowserSeal.BrowserPack. Він використовує, згаданий вище Internet Explorer Collection, і крім того, дозволяє встановити браузери типу Safari3 і Opera 9.
Браузери, що входять до складу BrowserSeal.BrowserPack стабільні і не мають ніяких виявлених проблем.
IETester має деякі переваги в порівнянні з іншими збірками, наприклад такі як відкриття різних версій IE в табах.
IETester розробляється командою DebugBar, яка так само надає чудові інструменти налагодження DebugBar і Companion.js (обидва розглянуті в сьогоднішній статті).
На жаль, IETester (версії 0.4.2) залишається дуже ненадійним додатком, до того ж під час налагодження знаходяться деякі невідповідності. Будемо сподіватися, що рано чи пізно ці проблеми будуть виправлені, і ми зможемо взяти IETester на озброєння.
Microsoft Expression Web SuperPreview
Microsoft Expression Web SuperPreview - це повноцінне додаток і частина продукту Microsoft Expression Web 3. Головне його призначення - це можливість порівняти одну і ту ж сторінку одночасно в IE6, IE7 та IE8.
На мій погляд, цей додаток не призначений для налагодження і тестування.
Основні інструменти налагодження
Швидше за все, для налагодження в Firefox, ви використовуєте Firebug. І можливо, ви також чули про Firebug Lite і навіть використовували його. Далі, ви дізнаєтеся які ще способи можна використовувати для налагодження коду під Internet Explorer.
Firebug Lite
Скажу відразу, я не є великим фанатом Firebug Lite. По-перше тому, що більшість можливостей консолі недоступні в інших браузерах. По-друге, він не завжди добре працює. Мені не раз доводилося стикатися з низкою проблем в IE, тому не варто концентруватися тільки на цьому інструменті.
IE Developer Toolbar
Можливо, ви знайомі з інструментами розробника під IE8. IE Developer Toolbar - практично той же самий інструмент для IE6 та IE7. І крім того, він поставляється разом із збіркою IE Collection, за замовчуванням.
IE Developer Toolbar простий у використанні і надає широкий набір засобів для налагодження. За функціональністю, його можна порівняти з Web Developer - доповненням для Firefox.
Все, чого вам не вистачило в Developer Toolbar, ви знайдете в DebugBar. У більшості випадків, коли вам потрібно знайти що-небудь за межами документа, вам допоможе DebugBar. Він дуже швидкий і надійний.
Якби було потрібно описати DebugBar в двох словах, то досить сказати "він працює!".
CompanionJS
Companion.js інтегрується з IE, і цілком може бути названий найпростішої версією Firebug. На відміну від Firebug Lite, Companion.js, має більш зручну консоль і звіти про помилки.
На жаль, в Companion.js є два серйозні недоліки: 1) він поки не підтримує методи типу console.dir (); і 2) іноді вивалюється в помилку, при спільному використанні з іншими інструментами розробника для IE.
Інструменти тестування продуктивності
Клієнтське тестування продуктивності і оптимізація - це практика, яка довгий час "не існувала" в веб-розробці. Я маю на увазі, що їй довгий час не приділяли належної уваги.
Як вам напевно відомо, Internet Explorer (особливо IE6), що не настільки хороший, особливо в порівнянні з іншими браузерами. Але, коли ви почнете тестувати продуктивність в IE6, ви здивуєтеся, наскільки незначні речі можуть впливати на швидкість роботи сайту.
Далі розглянуті деякі інструменти тестування продуктивності, які можна використовувати в будь-якому браузері, не стільки в Internet Exploer.
dynaTrace AJAX
Якщо ви використовуєте Speed Tracer в Google Chrome, тоді ви полюбите dyna Trace AJAX. Назва говорить сама за себе - він використовується для діагностики і відстеження AJAX, а також проблем з продуктивністю клієнтських скриптів. Крім того, на додаток, він надає інструменти для відстеження проблем рендеру (відтворення) і мережевий завантаження.
dynaTrace AJAX не найпростіший у використанні інструмент. Однак в їх однойменному блозі, ви знайдете безліч корисної інформації, про застосування цього потужного додатки. Встановіть dynaTrace AJAX, і дозвольте всі проблеми продуктивності, що уповільнюють роботу сайту в Internet Explorer.
MySpace's Perfomance Tracker
MySpace's Perfomance Tracker або "msfast" - це плагін для браузера, який допомагає розробникам поліпшити продуктивність коду, шляхом збору і вимірювання можливих "вузьких місць", на веб-сторінці.
У мене виникли невеликі проблеми, при установці бета-версії. Але після того, як була встановлена альфа-версія і проведено оновлення до бета-версії, все запрацювало.
Fiddler - це оцінний проксі-сервер, провідний логи всього HTTP (S) трафіку. Fiddler дозволяє вам перевірити весь HTTP (S) трафік, встановити точки переривання і "грати" з вихідними і вхідними даними. Fiddler включає потужну скриптовими підсистему, і може бути розширений за допомогою будь-якого .NET мови.
Якщо чесно, я практично не використовую Fiddler. В основному тому, що проблеми продуктивності пов'язані з трафіком сайту, завжди вирішуються за допомогою іншого інструменту (в іншому браузері). Але Fiddler насправді дає відмінне розуміння того, що дійсно відбувається між браузером і сервером, і крім того надає велику кількість налаштувань.
інші ресурси
Під час написання статті, мені попався інструмент під назвою IEInspector. Інструмент платний, але є безкоштовна демо-версія. У мене не було часу розглянути його докладніше, можливо ви захочете спробувати його.
Крім того, на сайті Microsoft Windows, є список. в якому перераховані корисні інструменти для тестування і розробки додатків під Internet Explorer 8.