gRPC-Web 一元调用测试器 - 发送请求并查看序列化
输入 gRPC 服务地址和方法,构造 JSON 请求体,观察转为二进制帧并接收响应解码。
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服务不可用)。本工具会用不同颜色标识不同类别的状态码。
输入 gRPC 服务地址和方法,构造 JSON 请求体,观察转为二进制帧并接收响应解码。
触发系统原生分享,支持分享文本、链接与文件,检查浏览器兼容性与支持级别。
将URL查询字符串转换为键值对对象,编辑并重新生成编码后的查询参数,支持多层嵌套。
提取HTML中内联style属性或嵌入式style标签,转变为独立CSS规则,辅助样式重构。
配置内容和位置,生成使用最新HTML popover属性的轻量弹窗代码,无需JavaScript。
粘贴PHP print_r或var_export输出,智能解析为有效的JSON。
向指定 Webhook URL 发送自定义 JSON 负载,查看响应状态码和内容,记录发送历史。
粘贴JSON对象,生成可折叠的树形视图,点击节点复制其键值路径,方便调试。
通过勾选元素关系(子孙、兄弟)、属性、伪类等条件,自动生成精确的CSS选择器字符串。
勾选或调整所需的重置元素(盒模型、边距等),生成自定义CSS Reset片段,确保跨浏览器一致性。
可视化配置原生 dialog 元素,添加表单并设置方法,生成完整 HTML/CSS/JS 代码。
将 JSON 数组或对象渲染为可交互的 HTML 表格,支持嵌套展开、列排序和搜索。
调节光源角度、颜色和距离,生成凹凸柔和的新拟态UI元素CSS盒阴影代码,潮流设计工具。
模拟显示各个HTML元素在典型浏览器中的默认CSS属性表,辅助CSS Reset决策。
粘贴带参数的URL,以表格形式列出所有Query参数与值。
并列播放所有CSS内置缓动函数(ease, linear等)的动画效果,方便对比选择。
选择触发位置、箭头方向与样式,生成轻量悬停提示框代码。
输入 HTML 或网址,提取所有标题标签,生成文档大纲树,检测跳跃和缺失。
编写Brainfuck代码,以可视化的方式步进执行,观察活动纸带和指针。
获取和释放命名锁,观察多个标签页如何排队等待资源访问。
添加层级名称与链接,自动生成带Schema结构化的面包屑导航条。
将普通HTML标记转换为符合JSX语法的代码,自动处理class→className、行内样式对象化等。
通过Service Worker或本地fetch模拟拦截和转发请求,查看修改后的请求响应。
可视化配置<dialog>元素外观与行为,生成现代化、无障碍友好的模态框代码。
在可视化环境中编写JSONPath或JMESPath表达式,实时高亮匹配结果并查看路径提取逻辑。
设定物理页框数,输入页引用串,动画展示不同页面置换算法的缺页率。
在线正则表达式测试工具,支持JavaScript正则匹配、替换、提取等操作,即时显示匹配结果和高亮。
选择背景图片(或使用占位色),配置标题、副标题和按钮,生成Hero区域代码。
拖拽题型构建客户或员工反馈表,支持NPS、星级评分,导出填写链接或二维码。
可视化添加层级,生成带结构化数据的面包屑导航HTML/CSS代码。