Эта страница переведена машиной, и её не читал никто, кто говорит на этом языке. Если она расходится с английской страницей, верна английская: её писали мы.

Изучай. Создавай. Проверяй. Снимай.

Набор браузерных инструментов для веб-разработки и дизайна

61 инструментов, чтобы читать, менять и снимать веб-страницу, в одном расширении. Без аккаунта, без загрузки на сервер, и на странице ничего не работает, пока вы не откроете.

Установить пока нельзя. InspectDock не отправлен ни в один магазин расширений, поэтому кнопки установки нет. Уже сегодня вы можете собрать его из исходного кода и загрузить распакованным.

Как собрать и загрузить Посмотреть 61 инструментов

Для чего это нужно

Читать страницу

Вычисленные стили, размеры блоков, шрифты, цвета, метаданные, структурированные данные и стек, на котором собран сайт.

Менять страницу

Правьте текст на месте, меняйте шрифты, включайте тёмную тему, пробуйте фон и подставляйте свой CSS, чтобы увидеть изменение до того, как напишете его.

Снимать страницу

Видимая область, фрагмент, один элемент или вся страница целиком, а затем подпись или размытие перед тем, как поделиться.

Как это выглядит

Это снимки настоящих инструментов из сборки в этом репозитории, с тем выводом, который их движки действительно выдали. Здесь нет ни одного макета. На снимках расширение работает на английском языке.

Инструмент «Конструктор градиента»: три цветовые точки, живой предпросмотр градиента и получившееся объявление CSS.
Конструктор градиента с живым предпросмотром и полученным CSS.
Инструмент «Проверка регулярных выражений» находит в строке два адреса электронной почты и показывает их позиции.
Проверка регулярных выражений: два адреса найдены, третий пропущен.
Инструмент «Проверка контраста» показывает отношение 4,76 к 1 и отдельный вывод по каждому порогу WCAG.
Проверка контраста: вывод по каждому порогу, а не одно «прошло или нет».
Конвертер JSON и CSV превращает массив JSON из двух строк в CSV с кавычками.
Конвертер JSON и CSV с экранированием, безопасным для таблиц.

Как расширение обращается с вашими данными

Читать страницу о конфиденциальности

Где проект на самом деле

Прямо сказать об этом важнее, чем повесить баннер о запуске:

Инструментов написано61
Инструментов проверено в браузере0
Страниц в магазинахПока ни одной
Платный тарифНе сделан
Протестированные браузерыТолько Chrome

Написано означает, что код есть и его тесты проходят. Это не означает, что человек сел и убедился, что каждый инструмент ведёт себя правильно в настоящем браузере; именно эта работа идёт сейчас. Мы предпочитаем сказать это, а не округлить в свою пользу.

Вопросы

Уже можно установить?
Нет. InspectDock не отправлен ни в один магазин расширений, поэтому ссылки на установку нет. Уже сегодня вы можете собрать его из исходного кода и загрузить распакованным в режиме разработчика. Когда страница в магазине появится, мы дадим на неё ссылку отсюда.
Что уходит на сервер?
По умолчанию ничего. Снимки, извлечённые данные и экспорт остаются на вашем устройстве. Аналитики и отчётов о сбоях нет. Единственное исключение — ИИ-помощник: он выключен, пока вы его не настроите, он работает на вашем собственном ключе API и отправляет текст страницы только тогда, когда вы отправляете сообщение с включённым контекстом страницы.
Почему разрешения запрашиваются по одному?
Потому что они не нужны, пока вы не возьмёте инструмент, которому они нужны. Доступ к файлам cookie и к другим доменам необязателен: расширение стартует без того и без другого и спрашивает, когда конкретному инструменту это действительно требуется, и для этого сайта. Если вы откажете, инструмент объяснит, чего он не может, а не откажет молча.
Он работает на каждой странице, которую я открываю?
Нет. Постоянно работающего скрипта на странице нет. В страницу ничего не внедряется, пока вы не откроете на ней панель.

Все вопросы