Современная
отладка

Олександр Ковтун

Современная
отладка

©Kevin Ku

Александр Ковтун

Frontend developer @ Astound Commerce

Frontend Build Engineer для Fluid Configure

График распределения времени

Где мы будем работать с проблемой?

Шуточная картинка текстового редактора

Картинка с браузерами

Причины выбора

Эффективный
Ежедневный
Требуемый

Firefox Developer Edition

Эффективный
~~Ежедневный~~
~~Требуемый~~

Основные преимущества

Инспектор доступности
Инструменты раскладки
Интерфейс для работы с шрифтами

Accessibility devtools screenshot

Grid devtools screenshot

Flexbox devtools screenshot

Fonts devtools screenshot

Chrome

Эффективный
Ежедневный
Требуемый

Local Overrides

Скриншот с включенным local overrides

Скриншот с мини кодом

Скриншот switcheroo redirector

Скриншот с оберткой фреймворка

Blackboxing

Screenshot of blackboxing enabled

Internet Explorer

~~Эффективный~~
~~Ежедневный~~
Требуемый

Основные преимущества

Картинка пустоты

Основные возможности

Брейкпоинты
Рассчет значения по наведению
Живые значения
Точки слежки для событий

Браузер, которого у меня нет

~~Эффективный~~
~~Ежедневный~~
Требуемый

Цены

1 пользователь - от 29$ месяц
50 пользователей / 25 соединений - от 999$ месяц
Фриланс пользователь - 12.5$ в месяц
Опенсорс, 5 пользователей / 5 соединений - бесплатно

Скриншот с меню browserstack

Скриншот с локальной настройкой

Custom tools

Bookmarklets (JS закладки)
Расширения для браузера
Параметры ссылки

QA