開発 へ戻る
URL パース — ホスト / パス / クエリ / fragment

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

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

開発URL

使い方

URL を入力すると、ブラウザ標準の URL コンストラクタで protocol (https:)、hostname、port、pathname、search、hash などに自動分解されます。クエリパラメータは URLSearchParams で抽出し、パーセントデコード後の値を表で表示。各パーツの横にあるコピーボタンや、全体の JSON ダウンロードで他のツール (Postman / curl / シェルスクリプト) にも持ち込めます。すべてブラウザ内で処理されるので、認証情報を含む URL でも安心して貼り付けられます。

よくある質問

入力した URL はサーバーに送信されますか?
いいえ。ブラウザ組み込みの URL / URLSearchParams クラスで解析しているだけで、ネットワーク通信は一切発生しません。`https://user:pass@...` のような認証情報入り URL を貼り付けても外部に出ません。
Value (decoded) と Raw の違いは?
Raw は URL に書かれた生の文字列 (例: `hello%20world`)、Value (decoded) はそれを URLSearchParams が解釈した値 (`hello world`) です。サーバー側のログやアプリで実際に受け取る値は decoded 側になります。
Username / Password は何が表示されますか?
URL に含まれる Basic 認証情報 (`https://user:pass@host`) の user 部分と pass 部分です。空の場合は表示されません。実運用では URL に認証情報を書く方式は非推奨ですが、レガシー API のデバッグ等で見ることがあります。
同じキーが複数回出てくる query は?
そのまま並んで表示されます。例えば `?tag=a&tag=b&tag=c` は 3 行表示。URLSearchParams は getAll() で配列として取れるので、コードに落とすときは getAll を使ってください。
相対 URL は分解できますか?
現バージョンでは絶対 URL (`https://...`) のみ対応しています。相対 URL は base が決まらないと分解できないため、まず base URL を先頭に付けて絶対化してください (例: `new URL('/foo?bar=1', 'https://nosend-tools.com')`)。
JSON ダウンロードは何が入っていますか?
protocol / username / password / host / hostname / port / pathname / search / hash / origin と、query フィールド (キーと配列値) を含む 1 つの JSON オブジェクトです。シェルから `jq` で扱いやすい形になっています。

類似のツール

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

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

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

開発URLエンコードデコード
Punycode 変換 — 国際化ドメイン名 (IDN) ⇄ xn--

Punycode 変換 — 国際化ドメイン名 (IDN) ⇄ xn--

日本語ドメインや絵文字ドメインなどの国際化ドメイン名 (IDN) と Punycode (xn-- 形式) を相互変換します。1 行 1 ドメインで複数まとめて変換可能。punycode.js でブラウザ内処理。

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

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

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

開発生成画像
Markdown リンク抽出 — Markdown / HTML / テキストから URL を一括取得

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