API状态码测试 - 快速查看HTTP响应
向任意输入URL发送请求,清晰显示响应状态码、头信息和体,类似轻量级Postman。
UD5工具箱
在线HTTP请求调试工具 — 支持 GET / POST / PUT / PATCH / DELETE / HEAD / OPTIONS 方法,实时查看响应
在左侧配置请求并点击发送
响应结果将显示在这里
向任意输入URL发送请求,清晰显示响应状态码、头信息和体,类似轻量级Postman。
发起请求获取当前URL或任意允许CORS的URL的Response Headers,展示详情。
创建一个测试自定义元素,记录并展示 connectedCallback, attributeChangedCallback 等执行顺序。
输入一组快捷键,检测在主流操作系统和浏览器中是否已被系统或软件占用。
定义端点、JSON响应体和延迟毫秒,模拟后端API供前端本地开发调试。
输入常见的报错片段,基于静态库返回常见的解释和可能的修复方案。
使用Service Worker拦截fetch请求,并返回用户自定义的JSON模拟数据,用于前端独立开发。
根据输入的外部域名,生成 dns-prefetch、preconnect 和 preload 标签。
粘贴Link rel=preload头字段,解析展示服务器计划推送的资源列表。
模拟多层代理逐步添加 X-Forwarded-For 头的过程,理解如何获取真实客户端 IP。
向指定 URL 发送预检请求,分析 Access-Control-* 响应头是否符合预期。
展示一些常用内置HTML元素和自定义元素例子,提供代码复制。
常用HTML实体编码(如© ©)的图形化速查表,点击即可复制实体名称或数字代码。
通过注册CSS属性的类型和初始值,演示如何让渐变等属性实现平滑动画。
覆盖加载、渲染、安全、可访问性等领域的自查清单,勾选后生成得分与建议。
输入 HTML/CSS/JS 代码,在隔离沙箱中即时渲染,支持控制台捕获。
对比 ES Module 和经典脚本的变量作用域、严格模式以及执行时机。
创建当用户离线时展示的简单HTML页面,结合Service Worker使用。
使用原生HTML Popover属性创建提示、菜单与对话框,展示四种触发方式及样式定制。
注册一个Service Worker拦截请求并人为添加延迟,模拟慢速2G/3G网络效果。
展示各种 HTML5 验证属性(required, pattern, min, max 等)和自定义验证消息的效果。
在前端创建模拟 SSE 连接,接收服务器推送的消息流并实时渲染到页面。
选择各种数据类型演示structuredClone的深拷贝能力,对比JSON.parse的限制。
捕捉页面粘贴事件,展示文本、HTML 或图片数据,演示如何定制粘贴行为。
输入 URL,列出所有第三方域名的脚本,估算其对加载时间的影响。
在单页内模拟MPA过渡效果,自定义进场/出场动画,体验View Transitions API丝滑切换。
设置不同验证属性和自定义消息,测试HTML5表单验证触发效果。
搜索知名品牌名称,显示其标志性的官方HEX颜色代码。
通过实例展示原生拖放 API 的使用,包括文件拖拽上传和页面元素排序功能。
输入 Emmet 缩写,实时显示展开后的 HTML 结构,学习高级 Emmet 技巧。