Yüksek ışık kodlanmış bir yüzdesidir.
Ücretsiz çevrimiçi URL kodla/çöz aracı. encodeURIComponent/encodeURI/RFC 3986 4 modunu destekler, kodlanmış karakterleri gerçek zamanlı vurgular, çok satırlı toplu işlem modu, yalnızca parametre değerlerini kodlamak için Query Only. Tarayıcıda yerel işlem, sıfır veri yükleme.
encodeURIComponent tüm güvensiz karakterleri kodlar (&, =, ?, vb. dahil), bu nedenle tek tek parametre değerlerini kodlamak için uygundur. encodeURI URL'nin yapısal karakterlerini korur (:, /, ?, #, vb.), bu nedenle tam URL'leri kodlamak için uygundur. Kullanım senaryosu: parametre değerleri için Component, tam URL'ler için URI.
RFC 3986 güncellenmiş URL standart sürümüdür ve tilde ~'yi kodlanması gerekmeyen güvenli bir karakter olarak kabul eder, eski standartlar ise bunu %7E olarak kodlar. RFC 3986 kullanmak bazı sunucularda ayrıştırma farklılıklarını önleyebilir ve daha iyi uyumluluk sağlayabilir.
?name=张三&city=北京 gibi bir URL query string'iniz olduğunda ve anahtar adlarını ve karakterleri değiştirmeden yalnızca parametre değerlerini kodlamak istediğinizde kullanılır. Bu durumda name ve city değişmeden kalır ve değerler %E5%BC%A0%E4%B8%89 ve %E5%8C%97%E4%BA%AC olarak kodlanır.
application/x-www-form-urlencoded formatında (HTML form gönderimi) boşluklar + olarak kodlanır. Ancak URL yollarında ve encodeURIComponent'te boşluklar her zaman %20 olarak kodlanır. Bu araç varsayılan olarak %20 formatını kullanır.
Bu, karakter kodlama yöntemine bağlıdır. Bu araç UTF-8 kodlaması kullanır (web standardı), Çince karakter '中' %E4%B8%AD olarak kodlanır. Diğer araçlar GBK kodlaması kullanıyorsa sonuç %D6%D0 olacaktır. Web URL'leri için her zaman UTF-8 kullanılması önerilir.
%XX formatında kodlanmış karakterleri (örneğin boşluk→%20) gerçek zamanlı olarak vurgular, kodlama kurallarını anlamaya ve sorunları çözmeye yardımcı olur. Harfler ve rakamlar kodlanmayan güvenli karakterlerdir, yalnızca Çince ve özel karakterler kodlanır.
Evet. %, URL kodlamasında kaçış karakterinin başlangıç karakteridir. Değişmez bir % bir parametre değerinde görünüyorsa, %25 olarak kodlanmalıdır; aksi takdirde bir kodlama öneki olarak yanlış yorumlanır ve ayrıştırma hatalarına neden olur. Örn. 100%, 100%25 olarak kodlanmalıdır.
URL kodlama (yüzde kodlama), URL'deki güvensiz karakterleri %XX formatına dönüştürme işlemidir. URL'ler yalnızca küçük bir ASCII karakter alt kümesini içerebilir (harfler, rakamlar, -_.~), diğer tüm karakterler (Çince, boşluklar, özel karakterler dahil) URL'de iletilmeden önce kodlanmalıdır. Örn. boşluk %20 olur, Çince karakter '中' %E4%B8%AD olur.
**encodeURIComponent vs encodeURI**: Bunlar en çok kullanılan iki kodlama işlevidir. encodeURIComponent daha kapsamlı kodlar, &, =, ? gibi parametre ayırıcıları dahil, bu nedenle tek tek parametre değerlerini kodlamak için uygundur. encodeURI URL yapısını korur (scheme://, yol, /, ?, #), bu nedenle tam URL'leri kodlamak için uygundur. Yanlış kullanım parametre ayrıştırma hatalarına yol açar.
**RFC 3986 vs eski standartlar**: RFC 3986 tilde ~'yi kodlanması gerekmeyen güvenli bir karakter olarak kabul eder, erken standartlar ise bunu %7E olarak kodlar. RFC 3986 kullanmak gereksiz kaçışı azaltır, URL okunabilirliğini artırır ve bazı sunucularda %7E ayrıştırma sorunlarını önler.
**Query Only modu**: URL query string'inde yalnızca parametre değerlerini kodlamak, anahtar adlarını, eşittir işaretlerini ve & karakterlerini değiştirmemek istediğinizde kullanılır. Örn. ?name=张三, ?name=%E5%BC%A0%E4%B8%89 olarak kodlanır, anahtar adları okunabilir kalır ve yalnızca değerler kodlanır.
**Kodlama vurgulama**: %XX formatındaki karakterleri gerçek zamanlı olarak kehribar renginde vurgular, böylece kullanıcılar hangi karakterlerin kodlandığını hemen görebilir. Bu, kodlama kurallarını anlamaya yardımcı olur: harfler ve rakamlar genellikle kodlanmayan güvenli karakterlerdir, yalnızca Çince ve özel karakterler kodlanır. Tüm hesaplamalar tarayıcıda yerel olarak yapılır, hiçbir veri yüklenmez.
| Karakter | Anlamı | encodeURIComponent | encodeURI | RFC 3986 |
|---|---|---|---|---|
Boşluk | Boşluk | %20 | %20 | %20 |
! | Ünlem işareti | %21 | ! | %21 |
# | Parça tanımlayıcı | %23 | # | %23 |
$ | Dolar işareti | %24 | $ | %24 |
& | Parametre ayırıcı | %26 | & | %26 |
' | Tek tırnak | %27 | ' | %27 |
( | Sol parantez | %28 | ( | %28 |
) | Sağ parantez | %29 | ) | %29 |
* | Yıldız | %2A | * | %2A |
+ | Artı işareti | %2B | + | %2B |
, | Virgül | %2C | , | %2C |
/ | Yol ayırıcı | %2F | / | %2F |
: | İki nokta üst üste | %3A | : | %3A |
; | Noktalı virgül | %3B | ; | %3B |
= | Eşittir işareti | %3D | = | %3D |
? | Soru işareti | %3F | ? | %3F |
@ | At işareti | %40 | @ | %40 |
~ | Tilde | %7E | %7E | ~ |
| Kodlanmış | Orijinal Karakter | URL'de Kullanımı |
|---|---|---|
%20 | (boşluk) | Boşluk |
%21 | ! | Alt ayırıcı |
%23 | # | Parça tanımlayıcı (hash) |
%25 | % | Kaçış karakterinin kendisi |
%26 | & | Sorgu parametresi ayırıcı |
%2B | + | Artı işareti / formda boşluk |
%2F | / | Yol ayırıcı |
%3A | : | Şema ayırıcı |
%3D | = | Anahtar-değer ayırıcı |
%3F | ? | Query string başlangıcı |
%40 | @ | Kimlik/e-posta ayırıcı |
%5B | [ | Dizi parametresi (RFC 3986) |
// encodeURIComponent: tek tek parametre değerlerini kodlar (en çok kullanılır)
const param = encodeURIComponent('张三&李四');
console.log(param); // %E5%BC%A0%E4%B8%89%26%E6%9D%8E%E5%9B%9B
// encodeURI: tam URL'yi kodlar (yapısal karakterleri korur :/?#&=)
const url = encodeURI('https://example.com/search?q=merhaba dünya');
console.log(url);
// Çözme
const decoded = decodeURIComponent(param);
console.log(decoded); // 张三&李四
// RFC 3986 uyumlu (~ kodlanmaz)
function rfc3986Encode(str) {
return encodeURIComponent(str).replace(/[!'()*]/g, c => '%' + c.charCodeAt(0).toString(16).toUpperCase());
}
// URLSearchParams API (modern yöntem, otomatik kodlama)
const params = new URLSearchParams({ name: '张三', city: '北京' });
console.log(params.toString());
// name=%E5%BC%A0%E4%B8%89&city=%E5%8C%97%E4%BA%ACfrom urllib.parse import quote, unquote, urlencode, quote_plus
# quote: encodeURIComponent'e benzer
encoded = quote('张三&李四')
print(encoded) # %E5%BC%A0%E4%B8%89%26%E6%9D%8E%E5%9B%9B
# RFC 3986 modu (~ varsayılan olarak kodlanmaz)
print(quote('hello~world')) # hello~world
# quote_plus: boşluklar + olarak kodlanır (form formatı)
print(quote_plus('hello world')) # hello+world
# Çözme
print(unquote(encoded)) # 张三&李四
# urlencode: query string oluşturma
params = urlencode({'name': '张三', 'city': '北京'})
print(params)
# name=%E5%BC%A0%E4%B8%89&city=%E5%8C%97%E4%BA%ACimport java.net.URLEncoder;
import java.net.URLDecoder;
import java.net.URI;
import java.nio.charset.StandardCharsets;
public class URLEncodeExample {
public static void main(String[] args) throws Exception {
// URL kodlama (URLEncoder - form formatı, boşluklar + olur)
String encoded = URLEncoder.encode("张三&李四", "UTF-8");
System.out.println(encoded);
// %E5%BC%A0%E4%B8%89%26%E6%9D%8E%E5%9B%9B
// Çözme
String decoded = URLDecoder.decode(encoded, "UTF-8");
System.out.println(decoded); // 张三&李四
// Tam URL oluşturma (URI sınıfı kodlamayı otomatik halleder)
URI uri = new URI("https", "example.com", "/search", "q=merhaba", null);
System.out.println(uri.toASCIIString());
}
}