Nasıl kullanılır
- Kodla veya Çöz seçeneğini belirleyin.
- Modu seçin: tek bir parametre değeri için Bileşen, URL yapısını korumak için Tam URL, boşlukların + olduğu HTML form verisi için Form (boşluk için +).
- Metninizi yapıştırın. Sonuç siz yazdıkça güncellenir.
- Girdi bir URL ise protokolü, sunucusu, yolu ve sorgu parametreleri aşağıda listelenir.
Seçeneklerin açıklaması
- Bileşen
- Harfler, rakamlar ve - _ . ~ dışındaki her şeyi kodlar; bir sorgu parametresi değeri veya bir yol parçası için kullanın. encodeURIComponent ile aynıdır, ayrıca RFC 3986’nın ayırdığı ! ' ( ) * karakterlerini de kodlar.
- Tam URL
- URL’ye yapısını veren karakterlere (: / ? # & =) dokunmaz; boşlukları ve ASCII dışı karakterleri kodlar. JavaScript’in encodeURI işleviyle aynıdır.
- Form
- HTML formlarının kullandığı application/x-www-form-urlencoded biçimi. Boşluklar %20 yerine + olur; çözerken + yeniden boşluğa dönüştürülür.
Örnekler
| Girdi | Bileşen | Tam URL | Form |
|---|---|---|---|
a b&c |
a%20b%26c |
a%20b&c |
a+b%26c |
café |
caf%C3%A9 |
caf%C3%A9 |
caf%C3%A9 |
https://x.com/?q=1 2 |
https%3A%2F%2Fx.com%2F%3Fq%3D1%202 |
https://x.com/?q=1%202 |
https%3A%2F%2Fx.com%2F%3Fq%3D1+2 |
Parametreli URL oluşturma
Kullanıcı girdisini bir sorgu dizesine koyarken her değeri ayrı ayrı kodlayın:
const url = `https://example.com/search?q=${encodeURIComponent(query)}&page=2`;Tüm URL’yi en sonda kodlamak, değerin içindeki & ve = karakterlerini kodlanmamış bırakır ve parametreleri bozar.
Sıkça sorulan sorular
%20 ile + arasındaki fark nedir?
İkisi de boşluğu temsil edebilir, ancak farklı yerlerde. %20 URL’nin her yerinde çalışır; + yalnızca form gönderimlerinin sorgu dizesinde boşluk anlamına gelir. Yol içinde + gerçek bir artı işaretidir.
Metnim neden iki kez kodlanmış (%2520)?
Metin iki kez kodlanmış — %20’deki % işareti de %25 olarak kodlanmış. İki kez çözün ve kodunuzda değeri yalnızca tek bir katmanın kodladığından emin olun.
encodeURI ile encodeURIComponent ne zaman kullanılmalı?
URL’ye eklediğiniz her parametre değeri için encodeURIComponent (Bileşen modu) kullanın. encodeURI’yi (Tam URL) yalnızca boşluk veya ASCII dışı karakterler içerebilecek eksiksiz bir URL için kullanın.
“Hatalı yüzde kodlaması” ne anlama gelir?
Bir % işaretinin ardından iki onaltılık basamak gelmiyordur ya da baytlar geçerli bir UTF-8 dizisi oluşturmuyordur. Hata mesajı ilk hatalı dizinin konumunu gösterir.
Türkçe ve Çince karakterler URL’de nasıl kodlanır?
Her karakter UTF-8 baytlarına dönüştürülür ve her bayt %XX olarak yazılır; böylece ş %C5%9F, 中 ise %E4%B8%AD olur.
Gizlilik
Bu araç tamamen tarayıcınızda çalışır. Dosyalarınız ve metinleriniz cihazınızda işlenir, sunucularımıza asla yüklenmez.