F12 | Inspect Element, Console

Я создал F12 Browser, потому что мне надоело каждый раз подключать телефон к компьютеру кабелем, чтобы быстро проверить мобильную версию или API-запрос.

Сразу скажу: это хобби-проект, предназначенный для быстрых проверок, обучения и экспериментов. Он определённо не заменит инструменты разработчика Chrome для настольных компьютеров или реальную удалённую отладку на работе.

Вот несколько вещей, которые вы можете с ним сделать:

Запускать фрагменты JavaScript прямо на странице, чтобы увидеть, что происходит.

Кликать по HTML-дереву, чтобы увидеть классы, стили и выделить элементы.

Наблюдать за вызовами fetch и XHR в реальном времени, чтобы проверять коды состояния и читать данные JSON.

Открывать сетевые запросы, чтобы увидеть заголовки и параметры запроса.

Открывать медиа-ссылки, такие как изображения или видеопотоки, загруженные страницей.

Проверять логи консоли и ошибки.

Если вы студент, человек, интересующийся внутренней работой мобильных сайтов, или просто хотите быстро проверить работоспособность API, не выходя из-за рабочего стола, надеюсь, эта информация окажется вам полезной.