DevToolPal
한국어

URL 파서

URL을 프로토콜, 호스트, 포트, 경로, 쿼리 매개변수, 프래그먼트로 나누어 디코딩하고, 쿼리를 편집해 URL을 다시 만듭니다.

로컬에서 실행, 업로드 없음

옵션

URL

결과

결과가 여기에 표시됩니다

이 도구는 무엇을 하나요

URL 파서는 웹 주소를 구성 요소로 나누고 각각을 디코딩합니다: 프로토콜, 사용자 이름과 비밀번호, 호스트, 포트, 경로, 쿼리 문자열, 프래그먼트. 쿼리 매개변수는 한 줄에 하나씩 표로 정리되고 반복되는 키도 순서대로 유지되므로, 긴 추적 URL이나 API URL도 한눈에 읽을 수 있습니다.

국제화 도메인 이름은 네트워크에서 쓰이는 퓨니코드 형태와 디코딩된 유니코드 형태로 함께 표시되며, URL에 포트가 없으면 포트 줄에 해당 프로토콜의 기본 포트를 보여 줍니다.

사용 방법

  1. URL을 입력란에 붙여 넣거나 예시를 누릅니다.
  2. 결과 패널에서 각 구성 요소를 확인합니다. 값마다 복사 버튼이 있습니다.
  3. 표에서 쿼리 매개변수를 수정, 추가, 삭제합니다. 입력란이 다시 만들어진 URL로 바뀌어 바로 복사할 수 있습니다.

퍼센트 인코딩이 잘못되어 있어도(예: %zz) 파싱은 멈추지 않습니다. 원문을 보여 주고 해당 매개변수에 잘못된 인코딩 표시를 붙입니다.

예시

https://user:p%40ss@www.example.com:8080/docs/getting%20started/?q=caf%C3%A9+au+lait&tag=js#install

이 URL의 프로토콜은 https, 사용자는 user, 비밀번호는 p@ss, 호스트는 www.example.com, 포트는 8080, 디코딩된 경로는 /docs/getting started/, 매개변수는 q = café au lait와 tag = js, 프래그먼트는 install입니다.

팁

  • 리디렉션 및 콜백 URL을 확인할 때 쓰세요: 값 안에 섞인 #나 인코딩되지 않은 &는 매개변수의 경계를 바꿉니다.
  • URL 전체가 아니라 값 하나만 인코딩하거나 디코딩하려면 URL 인코딩/디코딩 도구를 사용하세요.
  • 모든 처리는 브라우저 안에서 이루어지며, 토큰이 담긴 URL은 어디에도 업로드되지 않습니다.

자주 묻는 질문

› 파서는 URL을 어떻게 읽나요?

브라우저와 같은 WHATWG URL 알고리즘을 사용하므로, 보이는 호스트, 포트, 경로는 브라우저가 실제로 요청하는 것과 같습니다. 쿼리 문자열은 따로 직접 나누어 각 매개변수를 원문과 디코딩된 값으로 함께 보여 줍니다.

› https:// 없이 URL을 붙여 넣어도 되나요?

네. example.com/page나 localhost:3000/api 같은 입력은 https:// URL로 읽고, 결과에 프로토콜을 추정했다고 표시합니다.

› 왜 +가 공백이 되나요?

HTML 폼 인코딩에서 쿼리 문자열의 +는 공백을 뜻합니다. 서버가 +를 문자 그대로 다룬다면 옵션에서 '쿼리의 +를 공백으로 디코딩'을 끄세요.

› 매개변수를 편집하면 어떻게 되나요?

쿼리 문자열이 올바른 퍼센트 인코딩으로 다시 만들어져 입력란에 반영되므로, 위의 URL은 항상 표와 일치합니다. 모든 매개변수를 지우면 ?도 함께 사라집니다.