HTTP 响应头获取器 - 查看任意 URL 的 Header 详情
输入 URL,通过前端代理或 CORS 配置获取并显示完整的响应头信息。
UD5工具箱
展示客户端通过HTTPS代理(CONNECT隧道)访问目标服务器的完整过程。点击"开始模拟"观察各阶段。
CONNECT api.example.com:443 HTTP/1.1
200 Connection Established
隧道建立成功,现在可以透传数据
CONNECT target-host:443 HTTP/1.1 给代理,代理建立到目标服务器的TCP连接后返回 200 Connection Established,之后客户端和目标服务器之间的所有数据(包括TLS握手)都通过这个隧道透传。代理在透明模式下看不到加密内容。Access-Control-Allow-Origin 头部,请求会被阻止。排查方法:①检查响应头中是否有CORS头部;②使用代理转发请求绕过浏览器限制;③目标服务器配置CORS白名单。Via - 标识经过的代理服务器X-Forwarded-For - 记录原始客户端IPX-Forwarded-Host - 原始请求的HostX-Forwarded-Proto - 原始请求的协议(http/https)X-Real-IP - 客户端真实IP输入 URL,通过前端代理或 CORS 配置获取并显示完整的响应头信息。
输入 gRPC 服务地址和方法,构造 JSON 请求体,观察转为二进制帧并接收响应解码。
模拟资源请求,对比ETag值,展示返回304 Not Modified的缓存协商机制,理解HTTP缓存。
创建一个 Proxy,定义各种陷阱函数,操作对象时实时显示被拦截的属性和行为。
勾选需要展示的选项(接受/拒绝/设置),生成纯净HTML/JS代码,自行套用样式。
输入 HTML 或网址,提取所有标题标签,生成文档大纲树,检测跳跃和缺失。
粘贴带参数的URL,以表格形式列出所有Query参数与值。
在开发环境中模拟 periodicSync 事件,触发后查看 SW 中的处理逻辑和网络请求。
为内容区域生成灰色闪烁的骨架屏占位代码,包含卡片、标题等组件样式。
输入开发者名单,依规则随机组成搭档,尽量不重复近期配对。
在线正则表达式测试工具,支持JavaScript正则匹配、替换、提取等操作,即时显示匹配结果和高亮。
完整展示HTTP状态码及其含义,按类别分组,支持搜索,是前端和后端开发常用的快速参考。
展示几组在各类色盲下仍可区分的定性数据配色方案,含Hex码。
可视化选择操作(访问、点击、断言等),自动生成 Cypress 测试代码。
快速生成指定段落数或字数的 Lorem Ipsum 占位文本,适用于 UI 设计、排版测试和原型填充。
在线生成Lorem Ipsum占位文本,可指定段落数、单词数或字节数,用于设计排版和布局填充。
选择类型、作用域并填写描述,自动生成符合Conventional Commits规范的提交消息。
拖拽题型构建客户或员工反馈表,支持NPS、星级评分,导出填写链接或二维码。
编写函数并选择调用方式(普通、方法、call、apply、箭头等),输出 this 的值。
监听全局错误事件和未处理的 Promise 拒绝,在仪表板上展示错误堆栈和发生次数。
触发系统原生分享,支持分享文本、链接与文件,检查浏览器兼容性与支持级别。
添加、列出和删除内容索引中的条目,展示离线可用内容。
编写Brainfuck代码,以可视化的方式步进执行,观察活动纸带和指针。
编写带有伪类的选择器,实时高亮匹配的HTML元素,探索现代CSS选择器的能力。
回答关于再发布、开源、专利等要求,工具推荐最合适的开源许可证。
实时预览并生成符合隐私法规的Cookie同意横幅HTML/CSS/JS代码,一键嵌入网站。
注册一个周期性后台同步,模拟触发并显示更新数据。
从一个基色或图片提取的颜色,自动生成 50-950 的色阶并导出为 Tailwind CSS 配置。
设定物理页框数,输入页引用串,动画展示不同页面置换算法的缺页率。
检测浏览器是否支持特定自定义协议(如mailto:, tg:),并尝试调用。