Fydler UtilityBelt - URL Parser

URL Parser

Time & Networking Tool

URL to Parse

Protocol

---

Hostname

---

Port

---

Pathname

---

Search (Query)

---

Hash

---

Query Parameters

Key	Value

Usage Information

Input a full URL (starting with a protocol like http:// or https://) to see its breakdown. This tool parses the URL into its logical parts and extracts all query parameters into an easy-to-read table.

lucide.createIcons(); const input = document.getElementById('url-input'); const errorBox = document.getElementById('error-box'); const errorMessage = document.getElementById('error-message'); const paramsContainer = document.getElementById('params-container'); const paramsBody = document.getElementById('params-body'); const fields = ['protocol', 'hostname', 'port', 'pathname', 'search', 'hash']; function parseURL() { const val = input.value.trim(); if (!val) return; try { const url = new URL(val); errorBox.classList.add('hidden'); fields.forEach(field => { let displayValue = url[field]; if (field === 'port' && !displayValue) { if (url.protocol === 'http:') displayValue = '80 (standard)'; else if (url.protocol === 'https:') displayValue = '443 (standard)'; } document.getElementById('res-' + field).textContent = displayValue || '(none)'; // Handle params const params = Array.from(url.searchParams.entries()); if (params.length > 0) { paramsContainer.classList.remove('hidden'); paramsBody.innerHTML = ''; params.forEach(([k, v]) => { const tr = document.createElement('tr'); tr.innerHTML = ` ${escapeHTML(k)} ${escapeHTML(v)} `; paramsBody.appendChild(tr); } else { paramsContainer.classList.add('hidden'); } } catch (e) { errorBox.classList.remove('hidden'); errorMessage.textContent = 'Invalid URL: ' + e.message; fields.forEach(field => { document.getElementById('res-' + field).textContent = '---'; paramsContainer.classList.add('hidden'); } } function escapeHTML(str) { const div = document.createElement('div'); div.textContent = str; return div.innerHTML; } input.addEventListener('input', parseURL); // Initial parse if there is a value if (input.value) parseURL();