HTTP 响应头获取器 - 查看任意 URL 的 Header 详情
输入 URL,通过前端代理或 CORS 配置获取并显示完整的响应头信息。
UD5工具箱
等待发送请求...
HTTP请求构造器是一个在线工具,允许开发者自定义HTTP请求的各个部分——包括请求方法(GET/POST/PUT等)、请求头(Headers)和请求体(Body),并直接发送请求查看服务器响应。它非常适合用于API调试、接口测试、学习HTTP协议以及快速验证后端接口。无需安装任何软件,打开浏览器即可使用。
GET:获取资源,不修改服务器数据,参数通过URL传递。用于查询、读取操作。
POST:创建新资源,数据放在请求体中。用于表单提交、新增数据。
PUT:完整更新已有资源,需提供完整数据。用于替换整个资源。
PATCH:部分更新资源,只提交需要修改的字段。用于增量更新。
DELETE:删除指定资源。用于删除操作。
HEAD:与GET类似,但只返回响应头不返回响应体。用于检查资源是否存在或获取元信息。
OPTIONS:查询服务器支持的HTTP方法和CORS配置。用于跨域预检请求。
CORS(跨域资源共享)是浏览器的安全策略,当网页从一个域名向另一个域名发送请求时,浏览器会检查目标服务器是否允许跨域访问。如果您遇到CORS错误,可能的原因包括:目标API未设置Access-Control-Allow-Origin响应头;请求使用了非简单方法(如PUT/DELETE)且服务器未正确处理预检请求(OPTIONS)。解决方法:使用支持CORS的公共API进行测试;在后端配置CORS;使用浏览器扩展临时禁用CORS(仅开发环境);或使用代理服务器转发请求。
Content-Type请求头用于告诉服务器请求体的数据格式,以便服务器正确解析。常见类型包括:application/json(JSON数据)、application/x-www-form-urlencoded(表单键值对)、multipart/form-data(含文件上传的表单)、text/plain(纯文本)、application/xml或text/xml(XML数据)。本工具会根据Body类型自动设置对应的Content-Type。
首先在URL输入框中填入API端点地址,然后选择对应的HTTP方法(如GET获取数据、POST创建数据)。在Headers区域设置必要的请求头(如Authorization携带认证token、Content-Type指定数据格式)。如果请求需要携带数据(POST/PUT/PATCH),在Body区域输入数据内容,并选择正确的数据格式。点击"发送"按钮,即可在下方查看服务器返回的状态码、响应头和响应体。您还可以使用"复制cURL"功能将请求导出为curl命令,在终端中使用。
请求历史记录仅保存在您浏览器的本地存储(localStorage)中,不会上传到任何服务器。这意味着历史记录完全在您的设备上,只有您自己能访问。您的请求数据(包括URL、Headers和Body)不会被分享或泄露。您可以随时清除浏览器数据来删除历史记录。我们建议不要在公共电脑上保存敏感信息(如API密钥、token等)。
HTTP状态码是服务器对请求的响应标识,由三位数字组成:2xx表示成功(如200 OK、201 Created);3xx表示重定向(如301永久重定向、302临时重定向);4xx表示客户端错误(如400 Bad Request请求格式错误、401 Unauthorized未认证、403 Forbidden无权限、404 Not Found资源不存在);5xx表示服务器错误(如500 Internal Server Error服务器内部错误、502 Bad Gateway网关错误、503 Service Unavailable服务不可用)。本工具会用不同颜色标识不同类别的状态码。
输入 URL,通过前端代理或 CORS 配置获取并显示完整的响应头信息。
编写主线程和 Worker 内的逻辑模板,自动生成分离的 JS 文件代码,加速 Worker 开发。
输入 gRPC 服务地址和方法,构造 JSON 请求体,观察转为二进制帧并接收响应解码。
粘贴 package.json 内容,检查必填字段、许可证合规、依赖版本格式等常见问题。
可视化选择操作(访问、点击、断言等),自动生成 Cypress 测试代码。
触发系统原生分享,支持分享文本、链接与文件,检查浏览器兼容性与支持级别。
输入 JavaScript 函数声明,自动生成符合规范的 JSDoc 注释模板。
将URL查询字符串转换为键值对对象,编辑并重新生成编码后的查询参数,支持多层嵌套。
提取HTML中内联style属性或嵌入式style标签,转变为独立CSS规则,辅助样式重构。
注册带类型的 CSS 自定义属性,观察其如何支持过渡动画和继承效果。
配置内容和位置,生成使用最新HTML popover属性的轻量弹窗代码,无需JavaScript。
注册带有语法和继承设定的自定义属性,观察其如何支持过渡和动画。
粘贴PHP print_r或var_export输出,智能解析为有效的JSON。
向指定 Webhook URL 发送自定义 JSON 负载,查看响应状态码和内容,记录发送历史。
通过 iframe 或 Web Components 将多个独立前端应用组合到同一个页面,展示微前端概念。
粘贴JSON对象,生成可折叠的树形视图,点击节点复制其键值路径,方便调试。
通过勾选元素关系(子孙、兄弟)、属性、伪类等条件,自动生成精确的CSS选择器字符串。
编写嵌套函数并单步执行,直观展示每个函数的作用域和闭包变量。
勾选或调整所需的重置元素(盒模型、边距等),生成自定义CSS Reset片段,确保跨浏览器一致性。
应用 contain 的各种值(layout, paint, size),直观对比开启前后渲染和布局的变化。
可视化配置原生 dialog 元素,添加表单并设置方法,生成完整 HTML/CSS/JS 代码。
粘贴 JSON 数据,自动生成对应的 TypeScript interface 或 type 定义,支持嵌套对象和数组。
将 JSON 数组或对象渲染为可交互的 HTML 表格,支持嵌套展开、列排序和搜索。
调节光源角度、颜色和距离,生成凹凸柔和的新拟态UI元素CSS盒阴影代码,潮流设计工具。
模拟显示各个HTML元素在典型浏览器中的默认CSS属性表,辅助CSS Reset决策。
粘贴带参数的URL,以表格形式列出所有Query参数与值。
编写函数并选择调用方式(普通、方法、call、apply、箭头等),输出 this 的值。
并列播放所有CSS内置缓动函数(ease, linear等)的动画效果,方便对比选择。
选择触发位置、箭头方向与样式,生成轻量悬停提示框代码。
定义多个 CSS 自定义属性,通过滑块或颜色选择器实时修改并查看页面整体风格变化。