쿼리 문자열 파싱 및 빌드
브라우저에서 실행되는 무료 온라인 쿼리 문자열 파서 및 빌더. 전체 URL 또는 쿼리 문자열만 (선행 "?" 유무 상관없이) 붙여넣으면 도구가 키/값 쌍 테이블로 분해합니다. 셀을 편집하고, 행을 추가 또는 제거하고, URL 인코딩을 토글하면 URL이 자동으로 재구축됩니다 — 필요한 곳에 퍼센트 인코딩이 적용됩니다. 출력에는 전체 URL, 쿼리 문자열 단독, JavaScript에 붙여넣기 적합한 JSON 객체가 포함됩니다. 배열 표기법 (foo[]=1&foo[]=2)과 반복 키 모두 지원됩니다.
사용 방법
또는 "?"가 있거나 없는 쿼리 문자열.
키 또는 값을 클릭하고 입력하면 URL이 업데이트됩니다.
새 파라미터가 필요한가요? "행 추가" 클릭.
전체 URL, 쿼리만, 또는 JSON으로 복사.
모든 쿼리 문자열을 시각적 테이블로 디코딩하고 편집 후 재구축 — 키와 값 자동 인코딩
옵션
파라미터
특징
일반적인 용도
- 추적 URL (utm_source, utm_campaign 등)을 읽고 어떤 파라미터를 전달하는지 확인.
- 수동 편집 없이 마케팅 URL에 새 추적 파라미터 추가.
- JavaScript 또는 fetch() 호출에 붙여넣기 위해 쿼리 문자열을 JSON 객체로 변환.
- 두 URL을 비교할 수 있도록 긴 URL의 파라미터를 알파벳순 정렬.
- 테이블에 행을 추가하여 처음부터 적절하게 인코딩된 URL 빌드.
왜 이것을
대부분의 쿼리 문자열 도구는 파싱된 키/값을 원시 텍스트로 덤프하고 강제로 다시 붙여넣게 합니다. 우리는 URL 바와 테이블을 라이브 동기화 — 둘 중 하나를 편집하면 다른 하나가 따릅니다. 배열 표기법, 반복 키, 퍼센트 인코딩 값 모두 깔끔하게 라운드 트립됩니다. 가입 없음; 파싱은 브라우저의 네이티브 URL 및 URLSearchParams API를 사용합니다.
자주 묻는 질문
URL의 "?"와 "#"의 차이는?
"?"와 "#" 사이는 모두 쿼리 문자열 (서버로 전송, Google에서 색인). "#" 이후는 모두 프래그먼트 (브라우저가 보관, 절대 서버로 전송되지 않음). 이 도구는 쿼리 문자열만 파싱합니다.
foo[]=1&foo[]=2가 foo=1&foo=2와 어떻게 다른가요?
HTTP 관점에서는 동등 — 둘 다 키 "foo"에 대해 두 값을 전송합니다. "[]" 접미사는 서버 측 배열 의미론을 명시하기 위한 PHP와 Rails의 관례입니다. JavaScript URLSearchParams는 둘 다 반복 키로 취급합니다.
해시 라우터 (#?key=value)와 작동하나요?
해시가 있는 전체 URL을 붙여넣으면 도구는 경로/해시를 그대로 유지하고 "#" 이전 쿼리 부분만 작동합니다. 앱이 해시 내부에 쿼리가 있는 해시 기반 라우팅을 사용하면 도구는 자동 감지하지 않습니다 — 대신 내부 쿼리 문자열만 붙여넣으세요.
특수 문자가 있는 값 — 라운드 트립에서 살아남나요?
네. 키와 값은 출력에서 퍼센트 인코딩되고 입력에서 디코딩됩니다; 공백은 RFC 3986 양식 스타일 인코딩에 따라 쿼리 문자열에서 "+"로 인코딩됩니다. 서버와 JavaScript URLSearchParams 모두 같은 방식으로 디코딩합니다.
모바일?
네 — 좁은 화면에서 테이블이 스택된 행으로 축소됩니다.
무료로 가능합니다! 아이디어를 간단히 보내주세요. 자세히 논의하고 싶으시면 이메일을 남겨주시면 연락드리겠습니다. 익명으로도 가능합니다.
