Ściągawka dla devów — HTTP, MIME, key codes i regex

Czym jest Ściągawka dla devów — HTTP, MIME, key codes i regex?

Ściągawka dla devów to darmowy, działający w przeglądarce szybki podręcznik, który łączy cztery tabele referencyjne dla programistów w jeden przeszukiwalny widżet. Programiści front-end i back-end, inżynierowie QA oraz studenci sięgają po niego, gdy muszą sobie przypomnieć, co oznacza 422, jaki jest typ MIME obrazu .webp, jaką wartość key wyzwala strzałka albo jaki regex waliduje e-mail. Zakładka HTTP wymienia typowe kody stanu 2xx, 3xx, 4xx i 5xx z ich oficjalnymi opisami; zakładka MIME odwzorowuje rozszerzenia plików na wartości Content-Type; zakładka Key codes pokazuje łańcuchy KeyboardEvent.key z JavaScriptu, takie jak Enter, Escape i ArrowUp; a zakładka Regex zbiera gotowe do wklejenia wzorce z krótką notatką przy każdym. Pole wyszukiwania filtruje aktywną zakładkę natychmiast, licznik wyników mówi, ile wpisów pasuje, a każdy wiersz ma przycisk kopiowania. Pole wyjściowe serializuje przefiltrowane wiersze, więc możesz przekazać je do innego narzędzia. Ponieważ widżet renderuje się wyłącznie za pomocą JavaScriptu, ten tekst jest indeksowalnym opisem: referencja kodów stanu HTTP, tabela typów MIME, lista kodów klawiszy JavaScript i ściągawka regex, wszystko po stronie klienta.

Jak używać Ściągawka dla devów — HTTP, MIME, key codes i regex

1. Wybierz zakładkę: stan HTTP, typy MIME, Key codes lub Regex.
2. Wpisuj w polu wyszukiwania, aby filtrować aktywną zakładkę według kodu, nazwy lub wzorca.
3. Przejrzyj wiersze i odczytaj licznik wyników, aby zobaczyć, ile pasuje.
4. Kliknij Copy w dowolnym wierszu, aby skopiować jego wartość (nazwę, typ MIME, klawisz lub wzorzec).
5. Użyj przycisku Copy pola wyjściowego, aby pobrać wszystkie przefiltrowane wpisy naraz.

Przykłady

Szukaj: 429

429  Too Many Requests

Szukaj: webp

.webp  image/webp

Zakładka: Regex, Szukaj: email

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

Najczęściej zadawane pytania

Które kody stanu HTTP są uwzględnione?

Najczęstsze ze wszystkich klas: sukces 2xx (200, 201, 204), przekierowania 3xx (301, 302, 304, 307, 308), błędy klienta 4xx (400, 401, 403, 404, 405, 409, 410, 418, 422, 429) i błędy serwera 5xx (500, 501, 502, 503, 504), każdy pokazany ze swoim standardowym opisem przyczyny.

Jaka jest różnica między wartością klawisza a key code?

To narzędzie wymienia nowoczesny łańcuch KeyboardEvent.key, czyli zrozumiałą dla człowieka wartość klawisza — na przykład Enter, Escape lub ArrowUp. Klawisz spacji zgłasza pojedynczy znak spacji, pokazany tutaj jako symbol ␣. Łańcuch key to to, co porównujesz w obsłudze zdarzeń, jak event.key === 'Enter'.

Czy mogę użyć tych wzorców regex bezpośrednio?

Tak. Każdy wzorzec jest napisany w standardowej składni wyrażeń regularnych JavaScriptu, gotowy do wklejenia w new RegExp('...') lub między ukośnikami. To praktyczne punkty wyjścia — na przykład prosta kontrola e-maila lub URL — a nie wyczerpujące walidatory, więc sprawdź je pod kątem swoich dokładnych wymagań.

Jak działa wyszukiwanie?

Wyszukiwanie filtruje tylko aktywną zakładkę i dopasowuje w dowolnym miejscu wiersza: kod, nazwę, typ MIME, klawisz, tytuł regex lub sam wzorzec. Nie rozróżnia wielkości liter, więc wpisanie 'JSON', 'not found' lub '404' od razu zawęża listę, a licznik wyników aktualizuje się na żywo.

Czy coś jest wysyłane na serwer?

Nie. Każda tabela to statyczna lista wbudowana w narzędzie, a całe filtrowanie i kopiowanie odbywa się w całości w Twojej przeglądarce. Nic, czego szukasz, nie jest przesyłane, rejestrowane ani wysyłane gdziekolwiek, więc ściągawka działa offline po załadowaniu.