Шпаргалка для розробників — 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' одразу звужує список, а лічильник результатів оновлюється в реальному часі.

Чи надсилається щось на сервер?

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