사용 방법
- URL을 입력하거나 붙여 넣습니다. https://가 없는 주소는 https로 읽습니다. 예시 불러오기로 구성 요소가 많은 주소를 써 볼 수 있습니다.
- 프로토콜, 호스트, 포트, 경로, 쿼리 문자열, 프래그먼트를 확인합니다. 각각 복사 버튼이 있습니다.
- 경로 구간 목록과 디코딩된 쿼리 파라미터 표를 확인합니다.
예시
https://user@example.com:8080/docs/getting%20started?lang=ko&q=%ED%95%9C%EA%B8%80&debug&lang=en#install
→ 호스트 example.com:8080, 경로 /docs/getting%20started, 프래그먼트 #install경로 구간은 docs와 getting started이고, 파라미터는 lang=ko, q=한글, debug(빈 값), lang=en입니다.
example.com/path?q=1
→ https://example.com/path?q=1스킴이 없어서 https://를 붙여 읽었습니다.
https://example.com:443/
→ 포트 (없음)스킴의 기본 포트는 결과에서 빠집니다.
계산 방식
주소는 URL 표준을 따르는 브라우저의 URL 클래스가 읽으므로, 같은 주소를 브라우저가 처리하는 방식과 결과가 일치합니다. 쿼리 파라미터는 퍼센트 시퀀스와 더하기 기호를 디코딩하는 URLSearchParams로 읽습니다.
스킴이 없는 텍스트는 example.com/path처럼 점이 있는 호스트 이름처럼 보일 때만 https로 읽습니다. 그 밖의 것은 추측하지 않고 올바른 URL이 아니라고 알려 줍니다.
경로 구간은 슬래시에서 나누고 표시용으로 디코딩합니다. 구간의 잘못된 퍼센트 시퀀스는 오류를 내지 않고 그대로 둡니다.
출처
자주 묻는 질문
- URL은 어떤 부분으로 이루어지나요?
- 왼쪽부터 스킴(https:), 선택적인 인증 정보(user:password@), 호스트(example.com), 선택적인 포트(:8080), 경로(/a/b), 쿼리 문자열(?x=1&y=2), 프래그먼트(#section)입니다. 출처(origin)는 스킴, 호스트, 포트를 합친 것입니다.
- 이름이 같은 파라미터는 어떻게 처리하나요?
- 순서대로 모두 나열합니다. URL에 x=1&x=3이 들어 있을 수 있으며 도구는 두 값을 모두 보여 줍니다. 첫 번째만 쓸지, 마지막을 쓸지, 모두 쓸지는 내 코드에서 정해야 합니다.
- 공백과 + 기호는 어떻게 디코딩되나요?
- 쿼리 문자열에서는 %20과 +가 모두 공백으로 읽힙니다. 경로에서는 %20만 공백이고 +는 더하기 기호 그대로입니다.
- 포트가 비어 있는 이유는 무엇인가요?
- 스킴의 기본 포트(https는 443, http는 80)이면 분석된 URL에 포트가 포함되지 않습니다. 기본값과 다른 포트만 표시됩니다.
- URL에 비밀번호를 넣어도 안전한가요?
- 아니요. 로그, 방문 기록, 공유한 링크 등에서 주소를 보는 누구나 비밀번호를 볼 수 있습니다. 도구는 비밀번호가 있으면 경고합니다.
- 입력한 URL이 업로드되나요?
- 아니요. URL은 브라우저 안에서 분석되며 어디로도 전송되지 않습니다.