개발자 도구

URL 인코더와 디코더

브라우저에서 URL 텍스트를 인코딩하고 디코딩합니다. 구성 요소, 전체 URL 또는 폼/쿼리 모드를 선택하고 흔한 퍼센트 인코딩 문제를 고치며 URL 세부 정보를 확인합니다.

URL 텍스트
URL 컨텍스트

전체 URL에서 /, ?, &, # 같은 구분자를 읽기 쉽게 유지해야 할 때 사용합니다.

옵션
111
117
파싱된 URL 세부 정보

URL 부분

프로토콜
https
https:
오리진
https://example.com
경로
/search
쿼리
q=coffee & tea&redirect=https://app.example.com/done?ok=true
?q=coffee%20%26%20tea&redirect=https%3A%2F%2Fapp.example.com%2Fdone%3Fok%3Dtrue
프래그먼트
section 1
#section%201

쿼리 매개변수

q
q
coffee & tea
coffee+%26+tea
redirect
redirect
https://app.example.com/done?ok=true
https%3A%2F%2Fapp.example.com%2Fdone%3Fok%3Dtrue
현재 변환
입력 문자
117
출력 문자
111
퍼센트 이스케이프
10
디코딩 횟수
1

URL을 망가뜨리지 않고 인코딩하고 디코딩하는 방법

올바른 URL 컨텍스트 선택

URL 구성 요소

쿼리 값, 경로 세그먼트, 리디렉션 URL, 프래그먼트 같은 하나의 값에 사용합니다.

전체 URL

URL을 읽기 쉽게 유지하고 슬래시, 물음표, 앰퍼샌드, 해시 같은 구분자를 보존해야 할 때 사용합니다.

폼/쿼리 값

텍스트가 폼 인코딩 데이터에서 왔고 더하기 기호를 공백으로 처리해야 할 때 사용합니다.

흔한 실수

전체 URL을 하나의 값처럼 인코딩하기

구성 요소 인코딩은 URL 구분자를 이스케이프합니다. 하나의 쿼리 값 안에서는 유용하지만 전체 URL을 읽거나 쓰기 어렵게 만들 수 있습니다.

두 번째 디코딩을 놓치기

일부 리디렉션 값과 로그는 두 번 이상 인코딩됩니다. 출력에 아직 %20이 있으면 반복 디코딩을 시도하세요.

더하기를 공백으로 보는 규칙 잊기

폼 인코딩 쿼리 텍스트에서 +는 공백이지만 모든 URL 컨텍스트에서 그런 것은 아닙니다. 출력을 믿기 전에 모드를 바꾸세요.

쿼리 값 확인

전체 URL을 디코딩한 뒤 쿼리 섹션에서 각 키와 값을 따로 확인하세요.

목록에는 줄 모드 사용

줄 모드는 URL 또는 값 목록의 형태를 유지하면서 각 줄을 변환합니다.

공유 전에 비밀 제거

도구는 브라우저에서 실행되지만 복사한 URL은 토큰, 비밀번호, 개인 ID를 노출할 수 있습니다.