Браузерный набор инструментов для мелких задач, отвлекающих от настоящей работы
Большинство задач в программировании крупные и интересные. Те, что реально тормозят, — нет. Перед вами минифицированный ответ API, нечитаемый JWT, URL с кривым query-параметром и регулярное выражение, которое почти работает. Ни одна из этих задач не заслуживает зависимости, установки CLI или вкладки с рекламой. Им нужны тридцать секунд и чистое текстовое поле.
В этом и есть идея этой коллекции: одна страница бесплатных утилит для разработчиков, которые мгновенно загружаются, полностью работают в браузере и никогда не просят зарегистрироваться. Форматирование JSON, Base64, URL-кодирование, декодирование JWT, конвертация цветов, тестирование регулярных выражений, работа с временными метками и справочник HTTP-статусов — всё в одном месте. Перестаньте вставлять данные на любой сайт, который выдаёт поиск, и задаваться вопросом, не логирует ли он их.
Что реально делает каждый инструмент
Форматировщик JSON берёт стену экранированного однострочного JSON и превращает её во что-то, что человек может просмотреть. Скажем, вебхук сработал и логи захватили тело запроса как одну огромную строку. Вставьте его, выберите отступ в два или четыре пробела — и получите читаемое дерево с указанием синтаксической ошибки, если она есть. Он валидирует при форматировании, поэтому случайная запятая в конце или ключ без кавычек сразу выявляются, вместо того чтобы молча ломать приложение тремя слоями глубже.
Base64-кодирование/декодирование — инструмент, к которому постоянно обращаются не задумываясь. Data URI, заголовки Basic Auth, бинарные данные в конфигурационных файлах, сегменты токенов — всё это Base64. Декодируйте значение заголовка, чтобы убедиться в корректной отправке учётных данных, или закодируйте небольшое изображение для встраивания. Корректно обрабатывает UTF-8, что важно, как только входные данные выходят за пределы простого ASCII.
Инструмент URL-кодирования/декодирования исправляет классическую ошибку, когда query-параметр содержит пробел, амперсанд или знак плюс и незаметно ломает запрос. Если вы формируете ссылку вручную и значение — это name=John & Co, амперсанд нужно экранировать до %26, иначе сервер прочитает его как разделитель параметров. Вставили, закодировали, скопировали. Декодирование работает в обратную сторону, когда вы смотрите на URL в логах, полный процент-кодов, и пытаетесь понять, что реально запрашивалось.
Инструмент для токенов и важная оговорка
Декодер JWT разделяет токен на три части, разделённые точками, и показывает заголовок и полезную нагрузку как обычный JSON. При отладке аутентификации это золото: проверьте, каким алгоритмом подписан токен, прочитайте sub, убедитесь, что срок действия exp ещё не истёк, и посмотрите, какие именно права или роли шлюз передаёт клиенту.
Вот что люди часто упускают. Декодирование JWT — не верификация. Полезная нагрузка — просто Base64url: любой, кто держит токен, может прочитать любое его поле, и этот инструмент делает именно это — и ничего больше. Он не проверяет подпись, поэтому декодированный токен говорит вам, что токен утверждает, но не является ли он подлинным. Никогда не доверяйте данным из декодера для принятия решений об авторизации — это работа вашего сервера с ключом подписи. Используйте декодер для понимания и отладки, но не для валидации.
Тестировщик регулярных выражений закрывает вопрос с самой раздражающей утилитой вообще. Напишите шаблон, вставьте тестовый текст — и наблюдайте, как совпадения подсвечиваются в реальном времени по мере набора. Группы захвата выводятся отдельно, так что можно убедиться, что вторая группа действительно захватывает год, а не всю дату. Это лучше, чем цикл редактирование-сохранение-перезапуск при тестировании шаблона в реальном коде, и это быстрый способ понять, почему жадный квантификатор захватывает больше, чем вы хотели.
В дополнение: конвертер HEX↔RGB переводит #1a2b3c в rgb(26, 43, 60) и обратно, когда токены дизайна расходятся с CSS. Конвертер Unix-временных меток превращает 1718900000 в реальные дату и время — пригодится каждый раз, когда база данных хранит секунды от эпохи, а глаза их не читают. И справочник HTTP-статусов избавляет от догадок, ответить ли 422 или 409, когда вызов API идёт не так.
Локальная обработка, чтобы можно было вставлять чувствительные данные
Вот что важнее всего для тех, кто работает с рабочими данными. Каждый инструмент здесь работает на стороне клиента в JavaScript. Ваши входные данные никогда не покидают браузер: никакой загрузки, никакого обращения к серверу, нечего логировать. Это означает, что можно вставить реальный access-токен, чтобы проверить его поля, декодировать заголовок Base64 с учётными данными или отформатировать ответ API с данными клиентов — и ничего не пересечёт сеть. Хотите убедиться? Откройте DevTools, наблюдайте за вкладкой Network и вставляйте. Вы не увидите ни одного исходящего запроса. Для чувствительных данных локальный инструмент — не приятный бонус, а единственный ответственный вариант.
Часто задаваемые вопросы
Эти инструменты для разработчиков действительно бесплатны без регистрации?
Да. Каждая утилита бесплатна, не требует аккаунта и не имеет ограничений по использованию. Открывайте страницу и работайте.
Мои данные отправляются на сервер при использовании этих инструментов?
Нет. Всё работает на стороне клиента в вашем браузере. Ваши входные данные никогда не загружаются, так что можно безопасно вставлять токены, учётные данные и приватные ответы API.
Декодер JWT проверяет подпись токена?
Нет. Он только декодирует заголовок и полезную нагрузку, чтобы вы могли прочитать данные. Декодирование — не верификация. Проверка подписи требует ключа подписи и выполняется на вашем сервере.
В чём разница между Base64-кодированием и шифрованием?
Base64 — это кодирование, а не шифрование. Оно полностью обратимо кем угодно и не обеспечивает никакой безопасности. Оно существует для представления бинарных данных в виде текста, а не для их сокрытия.
Какой синтаксис регулярных выражений поддерживает тестировщик?
Используется движок регулярных выражений JavaScript, работающий в вашем браузере, с живой подсветкой совпадений и выводом групп захвата по мере набора.
Можно ли форматировать невалидный JSON?
Форматировщик попробует, и если JSON сломан, укажет на местонахождение ошибки и объяснит, что не так, чтобы вы могли исправить и отформатировать снова.