点击劫持测试页面 - 检测 X-Frame-Options 缺失
尝试将目标 URL 加载到 iframe 中,检测是否缺少点击劫持防护头,并展示风险。
UD5工具箱
使用多重检测技术,判断您的浏览器是否启用了广告拦截扩展或内置拦截功能
尝试将目标 URL 加载到 iframe 中,检测是否缺少点击劫持防护头,并展示风险。
输入可能的攻击向量,选择不同的转义或过滤策略,实时查看是否被安全处理,教育安全开发。
输入源页和引用页URL,构造Webmention请求通知被引用页面,演示独立博客协议。
粘贴代码片段,基于关键字和语法模式自动推断编程语言,适合未命名文件的快速识别。
在一个隔离环境中渲染单个组件,调整 props 查看变化,类似于 Storybook 的轻量替代。
检测页面touchstart和wheel事件是否使用passive:true,避免移动端滚动延迟。
填写企业信息,模拟在 Google 搜索右侧可能出现的知识面板卡片。
检查XML的格式正确性,报告错误的标签闭合和属性缺失。
实时显示当前网络连接状态,监听online/offline事件,帮助用户判断断网原因。
演示如何动态更新 datalist 选项以实现搜索建议,并处理键盘选择。
拖拽改变一个div的大小,通过ResizeObserver API实时显示其新的宽度和高度。
粘贴代码,计算总行数、有效代码行数、注释行数和空行数。
输入原始URL,填入来源、媒介、活动名等,生成带UTM规范的推广追踪链接。
输入 Liquid 模板代码和 JSON 数据,实时查看输出,支持循环、过滤器等常用语法。
粘贴SVG代码,将其转换为可复用的React组件,注意驼峰属性名和自闭合标签。
粘贴SVG代码,自动转换为React函数组件格式,处理属性名驼峰化。
使用Vibration API控制设备振动,测试短振、长振和模式振动,验证触觉反馈。
粘贴JSON示例数据,自动分析并生成对应的JSON Schema,支持类型推断和必填标记。
在两个不同形状的SVG路径间自动生成流畅的过渡变形动画SMIL代码。
编写 Handlebars 模板并提供 JSON 数据,即时渲染结果,支持 helpers 自定义,纯前端执行。
生成网页加载时左右幕帘缓缓拉开的开幕式动画,自定义颜色和速度。
添加多个色块拖拽顺序,直观表现层叠上下文与z-index值。
输入WebSocket服务地址,建立连接,发送和接收消息,方便调试实时通信应用。
在浏览器中运行完整的SQLite数据库,创建表、插入查询数据,体验客户端强大的SQL能力。
模拟动态区域更新,测试不同aria-live值(polite/assertive)对屏幕阅读器的影响。
调节采样频率,观察对正弦波的离散采样和重建效果,演示欠采样导致的频率混叠。
在页面中手动触发 JS 错误、网络延迟、API 失败等,观察前端异常处理机制是否健全。
配置WebSocket地址,模拟多个并发连接,发送自定义消息并记录响应延迟。
利用预训练的轻量变换网络在浏览器中简单演示将图片转换成特定风格。
点击按钮触发不同模式的设备振动,检测振动功能。