Geliştirici kopya kâğıdı — HTTP, MIME, tuş kodları ve regex

Geliştirici kopya kâğıdı — HTTP, MIME, tuş kodları ve regex nedir?

Geliştirici kopya kâğıdı, dört geliştirici başvuru tablosunu aranabilir tek bir araçta toplayan ücretsiz, tarayıcı içi hızlı bir başvuru kaynağıdır. Ön uç ve arka uç geliştiriciler, QA mühendisleri ve öğrenciler 422'nin ne anlama geldiğini, bir .webp görselinin MIME türünü, bir ok tuşunun tetiklediği key değerini veya bir e-postayı doğrulayan bir regex'i hatırlamak istediklerinde buna başvurur. HTTP sekmesi yaygın 2xx, 3xx, 4xx ve 5xx durum kodlarını resmî neden ifadeleriyle listeler; MIME sekmesi dosya uzantılarını Content-Type değerlerine eşler; Tuş kodları sekmesi Enter, Escape ve ArrowUp gibi JavaScript KeyboardEvent.key dizelerini gösterir; ve Regex sekmesi yapıştırmaya hazır desenleri her biri için kısa bir notla toplar. Arama kutusu etkin sekmeyi anında filtreler, sonuç sayacı kaç girdinin eşleştiğini söyler ve her satırda bir kopyalama düğmesi bulunur. Çıktı kutusu filtrelenmiş satırları seri hâle getirir, böylece onları başka bir araca aktarabilirsiniz. Araç yalnızca JavaScript ile işlendiğinden, bu metin dizine eklenebilir açıklamadır: bir HTTP durum kodu başvurusu, bir MIME türü tablosu, bir JavaScript tuş kodu listesi ve bir regex kopya kâğıdı, tümü istemci tarafında.

Geliştirici kopya kâğıdı — HTTP, MIME, tuş kodları ve regex nasıl kullanılır

1. Bir sekme seçin: HTTP durumu, MIME türleri, Tuş kodları veya Regex.
2. Etkin sekmeyi koda, ada veya desene göre filtrelemek için arama kutusuna yazın.
3. Satırları gözden geçirin ve kaç girdinin eşleştiğini görmek için sonuç sayacını okuyun.
4. Değerini (ad, MIME türü, tuş veya desen) kopyalamak için herhangi bir satırda Copy'ye tıklayın.
5. Filtrelenmiş tüm girdileri tek seferde almak için çıktı kutusunun Copy düğmesini kullanın.

Örnekler

Arama: 429

429  Too Many Requests

Arama: webp

.webp  image/webp

Sekme: Regex, Arama: email

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

Sıkça sorulan sorular

Hangi HTTP durum kodları dahildir?

Tüm sınıflardaki en yaygın olanlar: 2xx başarı (200, 201, 204), 3xx yönlendirmeler (301, 302, 304, 307, 308), 4xx istemci hataları (400, 401, 403, 404, 405, 409, 410, 418, 422, 429) ve 5xx sunucu hataları (500, 501, 502, 503, 504), her biri standart neden ifadesiyle gösterilir.

key değeri ile tuş kodu arasındaki fark nedir?

Bu araç modern KeyboardEvent.key dizesini listeler; bu, bir tuşun insan tarafından anlaşılabilir değeridir — örneğin Enter, Escape veya ArrowUp. Boşluk tuşu tek bir boşluk karakteri bildirir, burada ␣ simgesiyle gösterilir. key dizesi, event.key === 'Enter' gibi olay işleyicilerinde karşılaştırdığınız değerdir.

Bu regex desenlerini doğrudan kullanabilir miyim?

Evet. Her desen standart JavaScript düzenli ifade söz diziminde yazılmıştır ve new RegExp('...') içine ya da eğik çizgiler arasına yapıştırmaya hazırdır. Bunlar pratik başlangıç noktalarıdır — örneğin basit bir e-posta veya URL kontrolü — kapsamlı doğrulayıcılar değildir, bu yüzden kendi tam gereksinimlerinize göre gözden geçirin.

Arama nasıl çalışır?

Arama yalnızca etkin sekmeyi filtreler ve bir satırın herhangi bir yerinde eşleşir: kod, ad, MIME türü, tuş, regex başlığı veya desenin kendisi. Büyük/küçük harfe duyarsızdır, bu yüzden 'JSON', 'not found' veya '404' yazmak listeyi anında daraltır ve sonuç sayacı canlı olarak güncellenir.

Sunucuya bir şey gönderiliyor mu?

Hayır. Her tablo araca gömülmüş statik bir listedir ve tüm filtreleme ve kopyalama tamamen tarayıcınızda gerçekleşir. Aradığınız hiçbir şey yüklenmez, kaydedilmez veya herhangi bir yere gönderilmez, bu yüzden kopya kâğıdı yüklendikten sonra çevrimdışı çalışır.