ベース URL の末尾 / の有無で結果は変わりますか?

変わります。`https://example.com/dir/` (ディレクトリ) に対して `foo.png` を解決すると `https://example.com/dir/foo.png`、`https://example.com/dir` (ファイル扱い) なら `https://example.com/foo.png` になります。これは RFC 3986 の仕様通りです。

`//` で始まる相対 URL (スキーム相対) はどう扱われますか?

ベース URL のスキームを継承します。例えばベースが https の場合 `//cdn.example.com/lib.js` は `https://cdn.example.com/lib.js` になります。

`?query=only` のように `?` だけの相対 URL は?

ベース URL のパスはそのまま、クエリだけ置き換えます。`https://example.com/page` + `?q=1` → `https://example.com/page?q=1`。

url-parse との違いは?

url-parse は『1 つの URL を分解する』ツール。url-resolver は『相対 URL とベース URL から絶対 URL を計算する』ツール。HTML のリンク解析では url-resolver で絶対化してから url-parse で詳細を見る、という流れが自然です。

WHATWG URL 仕様と RFC 3986 で違いはある?

ブラウザの `URL` コンストラクタは WHATWG URL 仕様に従います。RFC 3986 とは細部 (パス正規化や Unicode の扱い) で違いがあります。本ツールは WHATWG の挙動です。

入力データはサーバーに送信されますか?

いいえ。すべてブラウザ内で処理するため、URL がネットワークに出ることはありません。

開発へ戻る

URL 解決 — 相対 URL とベース URL から絶対 URL を計算

相対 URL (例: ../foo.png) とベース URL (例: https://example.com/path/page.html) から絶対 URL をブラウザ標準の URL コンストラクタで計算します。複数の相対 URL を一度に解決して一覧表示も可能。`./` `../` `//` `?` `#` `/` などすべての相対指定に対応し、結果の protocol / host / pathname / search / hash の内訳も同時表示します。すべてブラウザ内で完結し URL は外部に送信されません。

開発URL

使い方

ベース URL に絶対 URL (https://example.com/dir/page.html など) を 1 行で入れ、相対 URL を 1 行 1 URL で複数貼り付けます。「絶対 URL を計算」を押すと、各相対 URL をブラウザ標準の `new URL(rel, base)` で解決し、絶対 URL と protocol / host / pathname / search / hash の内訳を表で表示します。HTML スクレイピング結果に含まれる `<a href=...>` や `<img src=...>` のような相対パスをまとめて絶対化したいときに便利。複数の URL を一度に処理できるので、URL リストの一括変換にも使えます。

よくある質問

ベース URL の末尾 / の有無で結果は変わりますか?: 変わります。`https://example.com/dir/` (ディレクトリ) に対して `foo.png` を解決すると `https://example.com/dir/foo.png`、`https://example.com/dir` (ファイル扱い) なら `https://example.com/foo.png` になります。これは RFC 3986 の仕様通りです。
`//` で始まる相対 URL (スキーム相対) はどう扱われますか?: ベース URL のスキームを継承します。例えばベースが https の場合 `//cdn.example.com/lib.js` は `https://cdn.example.com/lib.js` になります。
`?query=only` のように `?` だけの相対 URL は?: ベース URL のパスはそのまま、クエリだけ置き換えます。`https://example.com/page` + `?q=1` → `https://example.com/page?q=1`。
url-parse との違いは?: url-parse は『1 つの URL を分解する』ツール。url-resolver は『相対 URL とベース URL から絶対 URL を計算する』ツール。HTML のリンク解析では url-resolver で絶対化してから url-parse で詳細を見る、という流れが自然です。
WHATWG URL 仕様と RFC 3986 で違いはある?: ブラウザの `URL` コンストラクタは WHATWG URL 仕様に従います。RFC 3986 とは細部 (パス正規化や Unicode の扱い) で違いがあります。本ツールは WHATWG の挙動です。
入力データはサーバーに送信されますか?: いいえ。すべてブラウザ内で処理するため、URL がネットワークに出ることはありません。

類似のツール

URL パース — ホスト / パス / クエリ / fragment

URL をブラウザ標準の URL クラスで protocol / host / port / path / query / hash などに分解し、クエリパラメータも自動で表に展開します。値はパーセントデコード後で表示。各パーツのコピーや、結果全体の JSON ダウンロードに対応。すべてブラウザ内で処理し、URL は外部に送信されません。

開発URL

URL エンコード / デコード — クエリ文字列を安全に

テキストと %XX 形式の URL エンコード文字列を相互変換します。encodeURIComponent / encodeURI (decode 側も同様) を切替可能。UTF-8 ベースでブラウザ内処理。

開発URLエンコードデコード

QR コード生成 — テキスト / URL / ロゴ画像入り

テキストや URL を QR コード (PNG / SVG) に変換します。サイズ・誤り訂正レベル・前景色 / 背景色を細かく指定でき、中央にロゴ画像 (PNG / JPG / SVG) を重ねることも可能。ロゴを乗せる場合は誤り訂正レベル H 推奨。生成と画像合成はすべてブラウザ内で完結し、入力テキストもアップロードしたロゴも外部に送信されません。

開発生成画像

Markdown リンク抽出 — Markdown / HTML / テキストから URL を一括取得

Markdown / HTML / プレーンテキストから URL と Markdown / HTML リンクをまとめて抽出。`[label](url)` / `![alt](url)` / `<a href>` / `<img src>` / 生 URL の 5 種類を自動検出し、種類別 (テキスト / 画像 / オートリンク) に分類して一覧化します。重複除去・種類フィルター・ホスト別グルーピング・CSV / TSV / JSON エクスポートに対応。記事内のリンク監査、転載元の洗い出し、SEO 内部リンクの可視化、SNS 投稿時の参考リンク収集に便利。すべてブラウザ内で処理されます。

開発Markdown抽出URL