API状态码测试 - 快速查看HTTP响应
向任意输入URL发送请求,清晰显示响应状态码、头信息和体,类似轻量级Postman。
UD5工具箱
模拟真实API响应,自定义JSON数据、HTTP状态码和网络延迟,助力前端开发与测试
200 OK - 标准成功响应201 Created - 资源创建成功(常用于POST请求)204 No Content - 成功但无响应体(常用于DELETE操作)400 Bad Request - 请求参数有误401 Unauthorized - 需要身份验证(Token过期等)403 Forbidden - 服务器拒绝访问(权限不足)404 Not Found - 资源不存在422 Unprocessable Entity - 参数格式正确但语义有误429 Too Many Requests - 请求频率超限500 Internal Server Error - 服务器内部异常502 Bad Gateway - 网关错误503 Service Unavailable - 服务暂时不可用(维护中)
{"name": "test",} ← 最后一个属性后多余的逗号,应删除。{name: "test"} → 应改为 {"name": "test"}{"msg": "他说\"你好\""}401 Unauthorized{"error": "Token已过期", "code": 401, "message": "请重新登录"}403 Forbidden 状态码{"error": "权限不足", "code": 403, "required_role": "admin"}向任意输入URL发送请求,清晰显示响应状态码、头信息和体,类似轻量级Postman。
定义字段名称和类型(姓名、邮箱、数字范围等),批量生成符合规则的 JSON 模拟数据。
输入常见的报错片段,基于静态库返回常见的解释和可能的修复方案。
展示各种 HTML5 验证属性(required, pattern, min, max 等)和自定义验证消息的效果。
注册一个Service Worker拦截请求并人为添加延迟,模拟慢速2G/3G网络效果。
使用Service Worker拦截fetch请求,并返回用户自定义的JSON模拟数据,用于前端独立开发。
通过控制台或简单API延迟,模拟在慢速网络下加载页面的感觉(演示)。
对简单混淆的JS进行格式化,并尝试将短变量名替换为更具描述性的名称,提高可读性。
设置不同验证属性和自定义消息,测试HTML5表单验证触发效果。
发起请求获取当前URL或任意允许CORS的URL的Response Headers,展示详情。
使用 ImageDecoder API 解码图片并逐帧显示(若为动图),展示底层编解码能力。
粘贴Link rel=preload头字段,解析展示服务器计划推送的资源列表。
输入CSS选择器和属性值,瞬间预览在当前页面元素上的效果(不改变实际样式)。
常用HTML实体编码(如© ©)的图形化速查表,点击即可复制实体名称或数字代码。
并排展示ease、ease-in、ease-out等不同CSS缓动函数的动画速率差异,辅助选择合适曲线。
在线响应式布局测试器,同时预览常见设备分辨率的网页显示效果,帮助检查前端适配。
通过注册CSS属性的类型和初始值,演示如何让渐变等属性实现平滑动画。
向指定 URL 发送预检请求,分析 Access-Control-* 响应头是否符合预期。
生成实现点击锚点平滑滚动到目标位置所需的JS代码及CSS scroll-behavior。
展示一些常用内置HTML元素和自定义元素例子,提供代码复制。
输入 URL,列出所有第三方域名的脚本,估算其对加载时间的影响。
输入最小视口和最大视口下的字号,生成利用clamp()的流畅缩放字体规则。
记录页面交互触发的所有DOM事件及其目标、冒泡阶段,以日志和瀑布形式展示。
创建活动链接,分享后收集参与者出席回应,实时显示参与、婉拒与未回复名单。
在单页内模拟MPA过渡效果,自定义进场/出场动画,体验View Transitions API丝滑切换。
使用原生HTML Popover属性创建提示、菜单与对话框,展示四种触发方式及样式定制。
粘贴代码自动进行语法高亮显示,支持主流编程语言,生成带行号的HTML代码块,方便嵌入博客。
对比 ES Module 和经典脚本的变量作用域、严格模式以及执行时机。
显示当前页面所有资源的详细加载时序(DNS、连接、等待、接收),帮助优化。
利用 `:target` 伪类创建无需JavaScript的弹窗组件,支持关闭按钮和遮罩层。