XSS 过滤器测试沙盒 - 输入转义与过滤演示
输入可能的攻击向量,选择不同的转义或过滤策略,实时查看是否被安全处理,教育安全开发。
UD5工具箱
输入可能的攻击向量,选择不同的转义或过滤策略,实时查看是否被安全处理,教育安全开发。
粘贴代码,计算总行数、有效代码行数、注释行数和空行数。
演示如何动态更新 datalist 选项以实现搜索建议,并处理键盘选择。
调节两列波的频率、波长和位置,实时观看水面波干涉形成的明暗条纹图案。
利用预训练的轻量变换网络在浏览器中简单演示将图片转换成特定风格。
实现观察者模式,添加被观察者和观察者,观察状态变化时的通知流程。
拖拽改变一个div的大小,通过ResizeObserver API实时显示其新的宽度和高度。
输入网站robots.txt内容与用户代理,测试指定URL是否被允许抓取,SEO优化辅助。
录制一段音频,实时添加机器人、外星人、回声等音效并下载,不依赖服务器。
模拟动态区域更新,测试不同aria-live值(polite/assertive)对屏幕阅读器的影响。
输入词汇和权重,生成美观的文字云图片,可自定义配色和螺旋布局。
拖拽构造多层感知机,调整学习率和激活函数,实时观察分类任务训练过程,入门深度学习。
代理 WebSocket 连接,实时拦截并展示所有文本/二进制消息,支持过滤和搜索。
将已有戒指放在屏幕上对照圆圈,或测量手指周长以确定戒指码数。
连接到 WebSocket 端点,自定义消息内容(JSON、文本、ArrayBuffer)并发送,查看响应。
配置WebSocket地址,模拟多个并发连接,发送自定义消息并记录响应延迟。
输入WebSocket服务地址,建立连接,发送和接收消息,方便调试实时通信应用。
检查XML的格式正确性,报告错误的标签闭合和属性缺失。
配置监听目标,实时显示DOM节点的增删改及属性变化,辅助AJAX内容调试。
输入颜色十六进制值,根据色相和明度给出类似`--color-primary-500`的命名建议。
在Canvas上绘制理想频率响应,并应用简单FIR滤波器对合成信号进行滤波,听音效对比。
粘贴SVG代码,将其转换为可复用的React组件,注意驼峰属性名和自闭合标签。
设置初始角度和杆长,实时渲染双摆运动的混沌轨迹,体验确定性系统的不可预测。
设置容器宽度阈值,改变容器大小观察组件内部样式的变化,学习容器查询用法。
可视化调整cubic-bezier和steps()缓动,并可实时看到动画球左右移动。
支持多语言字符分割,准确统计汉字、英文单词、日文假名数量,并评估社交媒体发文长度。
调节采样频率,观察对正弦波的离散采样和重建效果,演示欠采样导致的频率混叠。
在浏览器中运行完整的SQLite数据库,创建表、插入查询数据,体验客户端强大的SQL能力。
在一个隔离环境中渲染单个组件,调整 props 查看变化,类似于 Storybook 的轻量替代。
模拟黏菌释放信息素并追踪轨迹形成网络的过程,可用于可视化物流路径。