Шпаргалка для разработчиков — HTTP, MIME, коды клавиш и regex

Что такое Шпаргалка для разработчиков — HTTP, MIME, коды клавиш и regex?

Шпаргалка для разработчиков — это бесплатный быстрый справочник, работающий в браузере и объединяющий четыре таблицы для разработчиков в одном виджете с поиском. Front-end и back-end разработчики, инженеры по QA и студенты обращаются к нему, когда нужно вспомнить, что означает 422, тип MIME для изображения .webp, значение key, которое отправляет нажатие стрелки, или regex для проверки электронной почты. Вкладка HTTP перечисляет распространённые коды состояния 2xx, 3xx, 4xx и 5xx с их официальными пояснительными фразами; вкладка MIME сопоставляет расширения файлов со значениями Content-Type; вкладка кодов клавиш показывает строки KeyboardEvent.key в JavaScript, такие как Enter, Escape и ArrowUp; а вкладка Regex собирает готовые к вставке шаблоны с краткой заметкой к каждому. Поле поиска мгновенно фильтрует активную вкладку, счётчик результатов сообщает, сколько записей совпало, а в каждой строке есть кнопка копирования. Поле вывода сериализует отфильтрованные строки, чтобы вы могли передать их в другой инструмент. Поскольку виджет отображается только с помощью JavaScript, этот текст является индексируемым описанием: справочник кодов состояния HTTP, таблица типов MIME, список кодов клавиш JavaScript и шпаргалка по regex — всё на стороне клиента.

Как пользоваться Шпаргалка для разработчиков — HTTP, MIME, коды клавиш и regex

1. Выберите вкладку: состояние HTTP, типы MIME, коды клавиш или Regex.
2. Вводите запрос в поле поиска, чтобы отфильтровать активную вкладку по коду, имени или шаблону.
3. Просмотрите строки и взгляните на счётчик результатов, чтобы увидеть, сколько записей совпало.
4. Нажмите Copy в любой строке, чтобы скопировать её значение (имя, тип MIME, клавишу или шаблон).
5. Используйте кнопку Copy в поле вывода, чтобы получить все отфильтрованные записи сразу.

Примеры

Поиск: 429

429  Too Many Requests

Поиск: webp

.webp  image/webp

Вкладка: Regex, Поиск: email

^[^\s@]+@[^\s@]+\.[^\s@]+$

Часто задаваемые вопросы

Какие коды состояния HTTP включены?

Самые распространённые из всех классов: 2xx — успех (200, 201, 204), 3xx — перенаправления (301, 302, 304, 307, 308), 4xx — ошибки клиента (400, 401, 403, 404, 405, 409, 410, 418, 422, 429) и 5xx — ошибки сервера (500, 501, 502, 503, 504), каждый показан со стандартной пояснительной фразой.

В чём разница между значением key и кодом клавиши?

Этот инструмент перечисляет современную строку KeyboardEvent.key, то есть понятное человеку значение клавиши — например Enter, Escape или ArrowUp. Клавиша пробела возвращает один символ пробела, показанный здесь символом ␣. Строка key — это то, с чем вы сравниваете в обработчиках событий, например event.key === 'Enter'.

Можно ли использовать эти шаблоны regex напрямую?

Да. Каждый шаблон написан в стандартном синтаксисе регулярных выражений JavaScript и готов для вставки в new RegExp('...') или между слешами. Это практичные отправные точки — например простая проверка электронной почты или URL — а не исчерпывающие валидаторы, поэтому проверяйте их под ваши конкретные требования.

Как работает поиск?

Поиск фильтрует только активную вкладку и совпадает в любом месте строки: код, имя, тип MIME, клавиша, заголовок regex или сам шаблон. Он не учитывает регистр, поэтому ввод 'JSON', 'not found' или '404' сразу сужает список, а счётчик результатов обновляется в реальном времени.

Отправляется ли что-нибудь на сервер?

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