URL参数可视化提取 - 分层解析查询串
粘贴带参数的URL,以表格形式列出所有Query参数与值。
UD5工具箱
追踪URL的完整HTTP重定向链路,可视化每一步跳转详情,检测301/302/307/308等重定向状态码。
Access-Control-Allow-Origin响应头时,浏览器会阻止JavaScript读取响应头信息(包括Location重定向目标)。redirect: 'follow'模式获取最终目标URL,但中间的重定向步骤可能无法完整展示。如需完整追踪,建议使用cURL命令行工具:curl -sIL -w "%{url_effective}\n" -o /dev/null https://example.com,或在服务器端进行检测。粘贴带参数的URL,以表格形式列出所有Query参数与值。
粘贴JSON对象,生成可折叠的树形视图,点击节点复制其键值路径,方便调试。
解析 JSON 字符串或粘贴对象字面量,检测是否存在循环引用并指出路径,辅助调试。
快速检测系统是否支持特定的URL Scheme(如mailto:、tel:、tg:)。
输入URL模式字符串(通配符、命名组)和测试URL,验证是否匹配并提取参数。
将URL查询字符串转换为键值对对象,编辑并重新生成编码后的查询参数,支持多层嵌套。
添加、列出和删除内容索引中的条目,展示离线可用内容。
检测浏览器是否支持特定自定义协议(如mailto:, tg:),并尝试调用。
粘贴多行URL列表,逐行可总控一键在新标签页中全部或部分打开。
输入 URL,通过前端代理或 CORS 配置获取并显示完整的响应头信息。
获取和释放命名锁,观察多个标签页如何排队等待资源访问。
使用JSONPath表达式从复杂JSON中快速提取数据子集,支持实时匹配和高亮显示结果。
监测页面加载过程中的布局偏移,定时截图并合成 GIF,直观展示视觉稳定性问题。
向指定 Webhook URL 发送自定义 JSON 负载,查看响应状态码和内容,记录发送历史。
输入首选URL,生成 <link rel='canonical'> 标签,告诉搜索引擎规范地址。
完整展示HTTP状态码及其含义,按类别分组,支持搜索,是前端和后端开发常用的快速参考。
设置 anchor-name 并让弹出元素使用 anchor() 函数定位,预览新式锚定布局。
创建一个 Proxy,定义各种陷阱函数,操作对象时实时显示被拦截的属性和行为。
粘贴PHP print_r或var_export输出,智能解析为有效的JSON。
加载Lottie动画JSON文件,播放并控制速度、方向,预览动效效果。
解析 Svelte 组件的反应式声明,绘制变量之间的依赖关系链,便于理解更新逻辑。
将HashiCorp配置语言HCL代码转换为JSON格式,便于程序化处理。
粘贴结构化数据代码,模拟Google结构化数据测试,检查错误与丰富结果。
输入 HTML 或网址,提取所有标题标签,生成文档大纲树,检测跳跃和缺失。
在开发环境中模拟 periodicSync 事件,触发后查看 SW 中的处理逻辑和网络请求。
提取HTML中所有内嵌 `<style>` 标签的内容,合并生成单独CSS文件。
随机可视化Skip List的层级结构和快速查找过程,对比链表效率。
构建 Promise 链并显示每个 then/catch 的执行时间与状态,帮助理解微任务调度。
经典的Canny计算机视觉边缘检测算法的前端演示,可调节低高阈值。
在网格上设置起点/终点和障碍,动态演示广度优先、深度优先、A*等搜索过程。