Output will appear here...encodeURIComponent (component)
Escapes everything with special meaning in a URL. Use for individual values - query parameters, path segments, cookie values - never for a whole URL (it would encode :// too).
EncodesReserved delimiters : / ? # [ ] @ $ & + , ; =, spaces, and all non-ASCII characters
PreservesRFC 3986 unreserved characters: A-Z a-z 0-9 - _ . ~ plus ! * ' ( )
a=1&b=2 → a%3D1%26b%3D2 (safe to embed as a single query value)
Category:encoding
Mode:Offline
Version:1.0.0
Access:Free
URL 인코더/디코더란 무엇입니까?
URL 인코더/디코더는 URL 내부에 넣기에 안전한 임의 문자열을 만드는 RFC 3986에 의해 정의된 이스케이프 체계인 백분율 인코딩(URL 인코딩이라고도 함)으로 텍스트를 변환합니다. &, =, ?, #,//와 같은 문자는 URL에 구조적 의미를 갖습니다. 쿼리 문자열 값에 리터럴 "&"가 포함되어 있으면 해당 문자가 %26으로 이스케이프되지 않는 한 서버는 매개변수를 반으로 나눕니다. 이 도구는 개발자가 실제로 만나는 세 가지 인코딩 변형을 모두 제공합니다. 개별 값의 EncodeUriComponent, 전체 URL의 EncodeUri, HTML 양식 본문의 경우 Application/X-WWW-Form-urlencoded(공백).
모드 간의 구분은 대부분의 튜토리얼에서 인정하는 것보다 더 중요합니다. encodeUriComponent는 모든 예약된 구분자를 이스케이프하므로 단일 쿼리 매개 변수, 경로 세그먼트 또는 다른 URL에 포함된 리디렉션 대상에 적합한 선택입니다. 그러나 전체 URL에서 실행하면 https://를 https://https%3a%2f%2f로 실행하면 , delimiters가 유지됩니다. # & =) 따라서 전체 URL은 탐색할 수 있는 상태를 유지하는 반면 공백과 é 또는 日本과 같은 비 ASCII 문자는 여전히 UTF-8% 인코딩된 형식으로 이스케이프됩니다. form-urlencoded 모드는 <form>을 제출할 때 브라우저가 보내는 것과 일치합니다. ENCODEURiComponent와 동일하게 공간이 "%20" 대신 "+"가 됩니다. 이는 오늘날에도 여전히 API 통합을 트립하는 레거시 퀴크입니다.
모든 것이 브라우저에서 100% 클라이언트 측에서 실행됩니다. 프로덕션 JavaScript가 사용하는 동일한 기본 EnCodeUriComponent/DecodeUri 기계를 사용하여 결과가 코드 생성과 정확히 일치합니다. 붙여넣기 아무것도 - OAuth 콜백 URL, 서명된 S3 링크, 토큰, 세션 ID -는 항상 컴퓨터를 떠날 수 없습니다. 디코더는 또한 잘못된 입력을 포착하고(두개의 16진수가 16자 자바스크립트에서 urIerror를 throw함) 자동으로 실패하는 대신 명확한 오류를 보고합니다.
URL 인코더/디코더를 사용하는 방법은 무엇입니까?
1
텍스트 또는 URL 붙여넣기
원시 값을 입력 영역(쿼리 매개변수 값, 공백 및 유니코드가 있는 전체 URL 또는 서버 로그에서 가져온 A%3D1%26B%3D2와 같은 인코딩된 문자열)에 놓고 디코딩하려는 경우.
2
인코딩 모드 선택
개별 값(쿼리, 경로 세그먼트 쿼리)에 대해 encodeURIComponent를 선택하고, 전체 URL에 대해 encodeURI를 선택합니다. 여기서 /와 ? HTML 양식 본문을 작성하거나 + 기호로 POST 페이로드를 디버깅할 때 생존하거나 양식-urlencoded해야 합니다.
3
인코딩 또는 디코딩
인코딩을 클릭하여 입력을 백분율로 인코딩하거나 디코딩하여 역순으로 변환합니다. 디코딩은 %xx 시퀀스를 처리하고 양식 모드에서는 +를 공백으로 다시 변환합니다. 잘못된 형식의 시퀀스는 빈 출력 대신 읽을 수 있는 오류를 생성합니다.
4
복사 또는 교환
한 번의 클릭으로 결과를 클립보드에 복사하거나 스왑 버튼을 사용하여 출력을 다시 입력으로 이동합니다. 값이 이중 인코딩(%2520)이고 두 번째 디코딩 패스가 필요한 경우 편리합니다.
주요 특징
3가지 실제 모드
EncodeUriComponent, EncodeUri 및 Application/X-WWWW-Form-urlencoded - 쿼리 문자열, 전체 URL 및 양식 본문에서 실제로 만나는 세 가지 변형
RFC 3986 호환
브라우저 네이티브 인코딩 함수를 사용하므로 예약되지 않은 문자(A-Z A-Z 0-9-_ . ~) UNTOCHED 및 UTF-8 멀티 바이트 시퀀스를 통과하여 올바르게 인코딩
명확한 오류가 있는 안전한 디코딩
잃어버린 "%"와 같은 잘못된 형식의 시퀀스는 처리되지 않은 UriError를 던지는 대신 정확히 무엇이 잘못되었는지 보고합니다.
스왑 입력 및 출력
한 번의 클릭으로 결과가 다시 입력으로 이동합니다. 이중 인코딩된 값을 레이어별로 언래핑하는 데 적합합니다.
Frequently Asked Questions
URL 내부에 들어가는 단일 값(쿼리 매개변수, 경로 세그먼트 또는 쿠키 값)에 대해 encodeURIComponent를 사용하십시오. &, =, / 및 ?와 같은 구분자를 이스케이프하기 때문입니다. 완전한 URL이 있고 잘못된 문자(공백, 유니코드)를 구조를 파괴하지 않고 이스케이프하려는 경우에만 encodeURI를 사용하십시오. 경험 법칙: 문자열에 그대로 유지되어야 하는 / /가 포함되어 있으면 encodeURI를 사용하고, 그렇지 않으면 encodeURIComponent를 사용하십시오.
Related Tools
HEE
encoding
HTML Entity Encoder/Decoder
Encode and decode HTML entities - named (&), decimal (&), and hex (&) forms, with XSS-safe special-character escaping
B64
encoding
Image to Base64 Converter
Convert images to Base64 data URIs and decode Base64 back to images.
UC
encoding
Unicode Converter
Convert text to and from Unicode code points, HTML entities, JavaScript escapes, and CSS escapes. Emoji and astral characters handled correctly.
QSP
url
Query String Parser
Parse a URL query string into structured JSON, or build a query string from a JSON object. Handles repeated keys, bracket arrays, and encoding. 100% client-side.
Comments
0 comments
No comments yet. Be the first to share your thoughts!
url encoderurl decoderpercent encodingencodeuricomponentencodeuriquery string encoderurlencodeform urlencodedrfc 3986uri escape