Усі веб-розробники, які активно створюють різноманітні програмні продукти, постійно потребують спеціалізованого набору віртуальних інструментів, які допоможуть оптимізувати вхідні запити, що постійно надходять на сайти, а також відповідати на них у процесі відправлення інформації на сервер.

Наприклад, нам вдалося спроектувати або розробити спеціальний веб-сайт, який начебто працює належним чином і не видає жодних помилок. Але це не так просто, як здається.

Тільки за допомогою вузькоспеціалізованих інструментів можна бути впевненим, що сайт правильно функціонує через HTTP, всі запити не мають помилок, а структура побудови логіки обміну даними не має слабких місць. Для таких цілей використовуються такі віртуальні помічники, як Fiddler і Charles.

Проаналізуємо кожен інструмент.

Робота з Fiddler

Коли ми починаємо з ним працювати, ми тим самим розробляємо веб-проксі, тому кожен запит з вашого локального браузера до потрібного сайту буде надсилатися тільки через його структуру. Усередині програми можна побачити всі HTTP-запити, наприклад, зображення, структуру CSS-коду, JS-скрипти та інші компоненти класичного веб-ресурсу. Кожен запит і відповідь має свої персональні параметри, за якими можна судити про прийнятність або проблеми функціонування розроблюваного сайту.

Наочний приклад: можна ретельно проаналізувати такі ситуації, як відклик веб-порталом невеликих ресурсів - невеликих зображень або іконок. Логічно, що їх можна легко об’єднати в один спрайт для виконання лише одного запиту, що значно зменшить рівень і час завантаження медіа-ресурсів.

Вас також можуть насторожити певні формати та розміри веб-ресурсів. Дуже великі зображення потрібно оптимізувати, наприклад, перетворивши їх в інший формат. Текст можна конвертувати у формат Gzip.

До речі, Fiddler точно показує, чи ввімкнено стиснення вхідного трафіку. Цей параметр легко відстежити за спеціальним заголовком - Content-Encoding: gzip.

Кожен необхідний запит можна проаналізувати у вигляді спеціальної часової шкали, яка наочно показує, скільки часу потрібно для повного завантаження всієї сторінки, а також час, необхідний для коректного відображення кожного її структурного елемента.

Хронологія подій

Додаток має достатньо зручних і корисних функцій, які можуть допомогти, наприклад, налаштувати параметри повільного з’єднання. Це допоможе тестувальникам бачити весь процес завантаження кожного окремого елемента сайту у випадку, якщо у клієнтів дуже повільний інтернет.

Це дуже корисна річ, яка дозволяє нам бачити, які елементи завантажуються в першу чергу, а які в останню. Це означає, що можна оптимізувати порядок завантаження всіх елементів сайту.

Також можна згадати, що в ньому є редактор HTTP-запитів. Користувач матиме реальну можливість підставити будь-який обраний HTTP-заголовок за допомогою спеціального редактора скриптів.

Вам потрібно мати базові знання з веб-розробки, і у вас не виникне жодних проблем з налаштуванням цього режиму.

Деякі розробники вважають за краще використовувати Firebug замість Fiddler, але з точки зору оптимізації параметрів, Fiddler здається найбільш багатофункціональним і оптимізованим додатком.

Також можна відзначити, що вона абсолютно безкоштовна, постійно розвивається, тому є реальна можливість користуватися тільки свіжими і робочими версіями.

Робота з Чарльзом

Charles Web Debugging Proxy - досить популярний на Заході віртуальний проксі-сервер, який функціонує на локальному комп’ютері або ноутбуці і є одним з корисних додатків у вкладці HTTP Monitor. Ця утиліта популярна завдяки хорошій функціональності, швидкій роботі, а також досить приємному і зрозумілому дизайну.

Чарльз Утиліта

Численні працівники різних ІТ-компаній та корпорацій використовують цю програму, щоб швидко зрозуміти, яка інформація була отримана, а яка відправлена. Іноді це буває дуже необхідно.

За допомогою Чарльза можна швидко відстежити всі збої, виправити помилки, а також мати основу на майбутнє, щоб не витрачати дорогоцінний час на пошук збоїв і упущень.

Основна мета програми “Чарльз

Ця утиліта має безліч корисних функцій і параметрів, але основною можливістю є функція відображення даних, які можна аналізувати в процесі надсилання та отримання даних в процесі взаємодії між клієнтом і сервером. Основною перевагою Charles є те, що [highlight dark=”no”]вся інформація, яка записується, структурується в зручному для читання форматі[/highlight].

Окремо варто відзначити параметри налагодження програмного коду. Більше того, Charles якраз може похвалитися досить швидкою та оптимізованою роботою налагодження програмного коду, що робить його найпопулярнішим додатком серед розробників.

Параметри налагодження програмного коду

Ми також можемо згадати ті додаткові критерії, які дозволили Чарльзу стати найпопулярнішим серед користувачів, такі як

• Негайна обробка отриманої інформації;
• Зручний тип доступу до отриманої інформації;
• Інтуїтивно зрозумілий дизайн;
• Швидке налагодження всіх збоїв.

Технологічні можливості

• Швидке проксі-серверування SSL-запитів, а також їх зручний перегляд і відповіді в текстовому форматі;
• Перевірка HTML і CSS структур на основі валідатора W3C;
• Аналіз пропускної здатності інформаційного каналу. Утиліта дозволяє створити віртуальну симуляцію веб-з’єднання за допомогою звичайного модему, щоб подивитися на функціонування використовуваного сервера;
• Робота з XML JSON запитами. Параметри вкладки Ajax;
• Робота з Flash Remoting.

На завершення хочеться відзначити, що утиліта Charles популярна не тільки своєю багатофункціональністю, але і швидкою роботою, а також добре розвиненим налагодженням і безліччю інших приємних особливостей і деталей.

Якщо ви пропонуєте послуги з контролю якостіто вам не обійтися без набору багатофункціональних і сучасних додатків та утиліт для взаємодії з окремими структурними елементами веб-продукту.

У сенсі якісного налагодження, Charles і fiddler якраз і можуть бути найбільш популярними і якісними утилітами, які дозволяють виконувати безліч корисних маніпуляцій по налаштуванню коректної роботи програмного забезпечення будь-якої формації і спеціалізації.