URL-парсер/ protocol · host · path · query · hash

Разберите любой URL на составные части — протокол, имя хоста, порт, путь, параметры запроса и хеш — с визуальным отображением.

URL
Попробовать пример

Этот инструмент решил вашу проблему?

Примеры кода

JavaScript (URL API)
const url = new URL(
  'https://user:[email protected]:8080' +
  '/v1/search?q=hello+world&page=2#results'
);

url.protocol   // 'https:'
url.username   // 'user'
url.hostname   // 'api.example.com'
url.port       // '8080'
url.pathname   // '/v1/search'
url.search     // '?q=hello+world&page=2'
url.hash       // '#results'

// Query params
url.searchParams.get('q')    // 'hello world'
url.searchParams.get('page') // '2'
[...url.searchParams]        // [['q','hello world'],['page','2']]

// Modify & rebuild
url.hostname = 'api2.example.com';
url.searchParams.set('page', '3');
url.toString() // rebuilt URL
Python
from urllib.parse import urlparse, parse_qs, urlencode

raw = 'https://user:[email protected]:8080/v1/search?q=hello+world&page=2#results'
u = urlparse(raw)

u.scheme    # 'https'
u.netloc    # 'user:[email protected]:8080'
u.hostname  # 'api.example.com'
u.port      # 8080
u.path      # '/v1/search'
u.query     # 'q=hello+world&page=2'
u.fragment  # 'results'

# Parse query params
params = parse_qs(u.query)
params['q']    # ['hello world']
params['page'] # ['2']
Go
import "net/url"

raw := "https://api.example.com:8080/search?q=hello&page=2"
u, err := url.Parse(raw)

u.Scheme   // "https"
u.Host     // "api.example.com:8080"
u.Hostname() // "api.example.com"
u.Port()     // "8080"
u.Path     // "/search"
u.RawQuery // "q=hello&page=2"

// Parse query
q := u.Query()
q.Get("q")    // "hello"
q.Get("page") // "2"

// Build URL
u2 := &url.URL{
  Scheme: "https",
  Host:   "example.com",
  Path:   "/api/v1",
}
u2.RawQuery = url.Values{"key": {"val"}}.Encode()
Shell (curl / python)
# Extract parts with grep/sed
URL="https://api.example.com/search?q=hello&page=2"

# Protocol
echo $URL | grep -oP '^[^:]+(?=://)'
# api.example.com

# Query param with Python
python3 -c "
from urllib.parse import urlparse, parse_qs
u = urlparse('$URL')
print(parse_qs(u.query))
"

# curl: show effective URL
curl -v "$URL" 2>&1 | grep '> GET'

# httpie
http GET "$URL"

Часто задаваемые вопросы

Из каких частей состоит URL?
Полная структура URL: scheme://username:password@hostname:port/pathname?search#hash. Значение каждой части: scheme (протокол, например https, ftp), authority (имя пользователя:пароль@имя хоста:порт), pathname (путь, начинается с /), search (строка запроса, начинается с ?), hash (идентификатор фрагмента, начинается с #, не отправляется на сервер). Не все части являются обязательными.
Отправляется ли фрагмент # на сервер?
Нет. Хеш/фрагмент обрабатывается локально в браузере и никогда не включается в HTTP-запросы. Он используется для навигации по якорям внутри страницы (прокрутка к определенному разделу) и в SPA для клиентской маршрутизации (например, хеш-режим React Router).
Как правильно разобрать строку запроса?
Формат строки запроса: key=value&key2=value2. Специальные символы в значениях должны быть URL-кодированы. В JavaScript: new URLSearchParams(url.search), в Python: urllib.parse.parse_qs(), в Go: url.ParseQuery(). Примечание: один и тот же ключ может встречаться несколько раз (например, tag=js&tag=python) — в этом случае значение является массивом.
Когда можно опустить порт в URL?
При использовании порта по умолчанию для протокола: HTTP — порт 80, HTTPS — порт 443, FTP — порт 21. API URL браузера возвращает пустую строку для url.port при использовании порта по умолчанию; url.host включает порт только когда он отличается от значения по умолчанию (например, example.com:8080).
Как разобрать URL в JavaScript?
Используйте встроенный URL API: const u = new URL('https://example.com/path?q=1#top'); u.hostname → 'example.com'; u.pathname → '/path'; u.searchParams.get('q') → '1'; u.hash → '#top'. URL API работает во всех современных браузерах и Node.js 10+ и надежнее регулярных выражений.
В чем разница между относительными и абсолютными URL?
Абсолютные URL содержат полный протокол и имя хоста (https://example.com/path) и могут быть разрешены самостоятельно. Относительные URL задаются относительно текущей страницы ('./page', '/api/data', '../assets/img.png') и для разрешения требуют базовый URL. В JavaScript: new URL('./page', 'https://example.com/app/') дает https://example.com/app/page.