Web 开发入门 2 个步骤

URL 解码并解析

URL 解码还原原始 URL。URL 解析提取协议、主机、路径和查询组件。

解决的问题

URL 解码后解析 URL 组件。

输入 → 输出

URL 解码器输入 → URL 解析器输出，共 2 个步骤。

运行耗时

1–2 分钟 · 完全在浏览器本地运行。

开始之前

编码的 URL

管道

1 URL 解码器 url-decode

将百分号编码的 URL 文本解码为可读字符。免费、隐私优先、100% 纯客户端运行。支持 UTF-8/ASCII/Latin1/UTF-16LE 字符集，遇到截断的百分号或非法十六进制会明确报错，适合解析查询参数、路径片段和 API 响应中的编码内容。
2 URL 解析器 url-parser

将 URL 解析为各组成部分：协议、主机、路径、查询、哈希、端口、用户名和密码。免费、隐私、100% 客户端运行。

在工具链中打开

在浏览器本地运行。配方仅定义管道——您的输入绝不离开此标签页。

▶运行此工作流

在下方输入数据并点击运行。所有处理均在浏览器本地完成 — 不会上传任何内容。

输入数据

管道进度

URL 解码器url-decode
URL 解析器url-parser

示例输入

https://example.com%3Fq%3Dhello

预期输出

Protocol:  https:
Username:  
Password:  
Host:      example.com
Hostname:  example.com
Port:      
Path:      /
Query:     ?q=hello
Hash:      
Origin:    https://example.com
Href:      https://example.com/?q=hello

Query Parameters:
  q = hello

此输入输出对在构建期用真实工具执行（tests/unit/recipes.test.ts）——预期输出经过验证，非示意。