标签： 测试工具 - 功能验证与性能评估

1

反应速度测试 - 点灯触发在线反应时间记录

等待屏幕变色后尽快点击，记录反应毫秒数，测试多次取平均，提升注意力。

测试工具 反应时间 测试 速度

0

轻量级网速测试 - 下载/上传速度与延迟

通过下载和上传小文件测量当前网络带宽与延迟，无需 Flash 或插件。

工具 上传 下载 测试 网速

0

ChatGPT 提示词测试器 - 无 API 模拟对话效果

输入提示词，模拟对话格式预览发送给模型的效果，辅助优化提示工程。

AI ChatGPT 提示词 模拟 测试

0

焦点陷阱测试工具 - 检测模态框是否困住 Tab

激活模态框后，模拟 Tab 和 Shift+Tab，验证焦点是否被正确限制在对话框内。

无障碍 模态框 测试 焦点陷阱 键盘

0

响应式邮件测试发送器 - 发送测试邮件到指定邮箱

编写或粘贴 HTML 邮件代码，通过免费邮件发送 API 发送一份测试邮件给自己检查效果。

开发 发送 响应式 测试 邮件

0

HTML 输出测试器 - 即时预览代码片段

输入 HTML/CSS/JS 代码，在隔离沙箱中即时渲染，支持控制台捕获。

开发工具 HTML 代码 测试 预览

0

手柄振动测试器 - 双电机强弱调节

连接游戏手柄，分别控制左右握把的振动马达强度和时间，测试振动效果。

游戏 Gamepad 手柄 振动 测试

0

Web 字体测试小书签 - 在任意页面预览 Google Fonts

生成一个书签工具，点击后在当前页面动态加载任何 Google 字体并应用到所选文字。

字体 Google Fonts 书签 字体 测试

0

SSML 语音合成测试器 - 控制语调语速停顿

编写 SSML 标签，使用浏览器语音合成引擎朗读，测试 break、prosody、emphasis 等效果。

开发工具 SSML 测试 语调 语音合成

0

HTTP 方法测试器 - GET/POST/PUT/DELETE 等演示

向指定 URL 发送不同 HTTP 方法的请求，显示响应状态码、头部和主体，学习 RESTful API。

API HTTP 方法 测试 请求

0

邮件响应式测试预览 - 多客户端模拟

粘贴 HTML 邮件代码，模拟在 Outlook、Gmail、Apple Mail 等环境下的渲染效果。

测试 响应式 测试 邮件 预览

0

SQL 注入载荷测试沙盒 - 安全执行并展示语法

在隔离的模拟环境中输入 SQLi 载荷，展示注入前后 SQL 语句变化，纯粹用于教学。

安全 SQL注入 沙盒 测试 载荷

0

点击劫持测试页面 - 检测 X-Frame-Options 缺失

尝试将目标 URL 加载到 iframe 中，检测是否缺少点击劫持防护头，并展示风险。

安全 iframe 安全 测试 点击劫持

0

假地址生成器增强版 - 符合当地格式

选择国家，生成符合当地格式的随机假地址，包括街道、城市、邮编和电话号码。

开发工具 假地址 数据 测试 隐私

0

听力年龄测试 - 播放不同频率纯音

播放从低到高的频率纯音，记录能听到的最高频率，与年龄平均听力曲线对比。

健康 听力 年龄 测试 频率

0

反应速度测试 - 点击变色/音效反应

屏幕颜色变化时尽快点击，测量从刺激到反应的时间，统计平均反应速度。

娱乐 反应速度 测试 游戏 点击

0

轻量级 API 集合运行器 - 导入 Postman Collection 运行

导入 Postman Collection JSON 文件，按顺序执行请求并显示响应，模拟简单的自动化测试。

API API Postman 测试 集合

0

Webhook URL 测试器 - 自定义发送 JSON 并查看日志

向指定 Webhook URL 发送自定义 JSON 负载，查看响应状态码和内容，记录发送历史。

API JSON URL Webhook 测试

0

基于模式的模拟数据生成器 - 自定义字段与规则

定义字段名称和类型（姓名、邮箱、数字范围等），批量生成符合规则的 JSON 模拟数据。

开发工具 API 模拟数据 测试 生成

0

gRPC-Web 请求构建器 - 服务调用与响应查看

输入服务地址与方法，构造 gRPC-Web 请求，查看二进制帧与反序列化后的响应消息。

API gRPC-Web 协议 测试 请求

0

正则替换捕获组测试器 - $1/$2 引用预览

编写正则表达式并指定替换模式（如 '$1-$2'），实时查看文本替换结果，支持命名捕获组。

开发工具 捕获组 替换 正则 测试

0

滚动速度与加速度测试器 - 鼠标滚轮分析

实时显示滚动事件触发的频率与位移，帮助分析页面滚动性能与用户操作习惯。

分析 测试 滚动 速度 鼠标

0

XSS 过滤器绕过测试场 - 安全编码演示

尝试输入各种编码和混淆的 XSS 向量，检查是否被过滤或执行（沙盒环境）。

安全工具 XSS 测试 绕过 过滤器

0

CORS 请求构建器 - 自定义跨域请求头测试

构建带有自定义头和方法复杂跨域请求，检查预检与响应。

开发工具 CORS 测试 请求 跨域

0

Cypress 测试场景构建器 - 点选生成测试代码

可视化选择操作（访问、点击、断言等），自动生成 Cypress 测试代码。

开发工具 Cypress 场景 构建器 测试

0

WebDriver 脚本录制器 - 记录操作生成测试代码

在页面中进行点击、输入等操作，自动生成 WebDriverIO 或 Selenium 测试脚本。

开发工具 WebDriver 录制 测试 自动化

0

组件预览沙盒 - 隔离测试 React/Vue 组件

在一个隔离环境中渲染单个组件，调整 props 查看变化，类似于 Storybook 的轻量替代。

开发工具 沙盒 测试 组件 预览

0

自定义 ESLint 规则测试器 - 编写并验证规则

编写 ESLint 规则代码，输入测试用例，立即查看是否通过及报错信息。

代码质量 ESLint 测试 自定义 规则

0

Rollup 插件开发沙盒 - 编写并测试插件效果

提供模块图，编写 Rollup 插件并观察其对打包过程的影响。

开发工具 Rollup 插件 沙盒 测试

0

Webpack Loader 测试器 - 模拟文件转换过程

编写一个简单的 loader 函数，输入文件内容，查看经过 loader 处理后的输出。

开发工具 Loader Webpack 测试 转换

0

PostCSS 插件演练场 - 在线测试 CSS 转换

输入 CSS 和自定义 PostCSS 插件代码，实时查看处理后的输出，用于插件开发。

开发工具 CSS PostCSS 插件 测试

0

Babel 插件在线测试器 - 开发并验证自定义插件

编写 Babel 插件代码，输入源代码，实时查看转换后的结果，加速插件开发。

开发工具 AST Babel 插件 测试

0

手柄按钮序列录制器 - 记录并回放 Gamepad 操作

连接游戏手柄，录制一系列操作并可保存和回放，用于自动化测试。

开发工具 Gamepad 回放 录制 测试

0

Dialogflow 意图测试器 - 模拟对话并查看匹配结果

输入用户查询，测试 Dialogflow 代理的意图匹配、参数提取和回复。

开发工具 Dialogflow 意图 模拟 测试

0

Voiceflow 原型在线播放器 - 测试语音交互设计

导入 Voiceflow 项目文件，在浏览器中模拟语音对话流程，调试交互逻辑。

开发工具 Voiceflow 原型 测试 语音

0

.gitignore 规则测试器 - 验证文件是否被忽略

输入 .gitignore 规则和文件路径，检查该文件是否会被 Git 忽略，辅助编写排除规则。

Git gitignore 忽略 测试 规则

0

lit-html 模板测试器 - 在线编写并渲染 Lit 模板

编写 lit-html 模板和数据，即时渲染结果，帮助学习 Lit 框架。

Web Components lit-html 模板 测试 渲染

0

GraphiQL 在线查询工具 - 交互式 GraphQL 探索

连接任意 GraphQL 端点，提供智能补全、文档浏览和查询执行，类似于 GraphiQL 界面。

API GraphQL Schema 查询 测试

0

速率限制头测试器 - 模拟达到限制并查看行为

模拟发送多个请求，观察 X-RateLimit-* 头部变化，理解速率限制机制。

API API Header 测试 速率限制

0

CORS 预检请求测试器 - 发送 OPTIONS 分析响应

向指定 URL 发送预检请求，分析 Access-Control-* 响应头是否符合预期。

开发工具 CORS 测试 跨域 预检

0

datalist 自动建议测试 - 自定义输入提示列表

创建 input + datalist 组合，动态添加选项并测试过滤行为和兼容性。

HTML datalist 测试 输入建议

0

强制颜色模式测试器 - Windows 高对比度预览

激活 forced-colors: active 模拟，观察页面在系统高对比度主题下的渲染效果。

CSS forced-colors 测试 高对比度

0

颜色主题切换演示 - 明/暗模式独立样式测试

编写分别用于 light 和 dark 的 CSS，通过模拟 prefers-color-scheme 立即预览两种主题。

CSS 暗模式 测试 颜色主题

0

Biquad 滤波器测试器 - 低通/高通/带通实时调节

加载音频流并通过 BiquadFilterNode 应用不同类型的滤波，实时调节频率和 Q 值。

多媒体 测试 滤波 音频

0

Unicode 正规化测试器 - NFC/NFD/NFKC/NFKD 对比

输入字符串并选择正规化形式，展示转换结果和码点序列，理解等价字符处理。

开发工具 Unicode 正规化 测试

0

图片懒加载测试器 - loading=lazy 效果对比

放置大量图片并开启懒加载，通过滚动观察网络请求的发起，验证原生延迟加载。

开发工具 性能 懒加载 测试

0

gRPC-Web 一元调用测试器 - 发送请求并查看序列化

输入 gRPC 服务地址和方法，构造 JSON 请求体，观察转为二进制帧并接收响应解码。

开发工具 gRPC-Web 测试

0

Reflect API 使用浏览器 - 对象操作方法速查与测试

列出所有 Reflect 静态方法，提供参数输入并执行，查看返回值和副作用。

JavaScript API Reflect 测试

0

Proxy 对象拦截测试 - 查看 get/set 钩子触发

创建一个 Proxy，定义各种陷阱函数，操作对象时实时显示被拦截的属性和行为。

JavaScript Proxy 拦截 测试

0

JavaScript this 上下文测试器 - 不同调用方式下的指向

编写函数并选择调用方式（普通、方法、call、apply、箭头等），输出 this 的值。

JavaScript this 上下文 测试

0

语义版本范围测试器 - 检查版本是否满足约束

输入目标版本和范围表达式（如 ^1.2.3），判断是否匹配，帮助理解依赖解析规则。

依赖管理 semver 依赖 测试 版本

0

无障碍颜色组合测试 - 模拟不同视觉条件下的可读性

输入文本和背景颜色，同时模拟模糊、低对比度、色盲等效果，评估可访问性。

可访问性 对比度 无障碍 测试 颜色

0

npm 脚本模拟运行器 - 测试 package.json scripts 逻辑

粘贴 package.json 中的 scripts 部分，模拟执行并预览串联命令和环境变量的效果。

Node.js npm scripts 模拟 测试

0

DOM 插入性能基准测试 - innerHTML vs createElement vs DocumentFragment

比较不同 DOM 插入方法的执行速度，可视化渲染耗时，帮助选择最优动态内容更新策略。

开发工具 DOM 性能 插入 测试

0

正则命名捕获组测试器 - (?<name>...) 语法演示

编写含命名捕获组的正则表达式，输入文本后展示每组名称和对应匹配内容。

开发工具 命名分组 工具 正则表达式 测试

0

正则环视断言专项测试 - 前瞻/后顾/否定/正向

专注测试正向前瞻、负向前瞻、正向后顾、负向后顾等零宽断言，可视化匹配位置。

开发工具 断言 正则表达式 测试 环视

0

正则表达式反向引用测试工具 - 引用捕获组匹配

专门演示和测试正则中的反向引用（\1, \k<name>），查看匹配过程并高亮结果。

开发工具 反向引用 工具 正则表达式 测试

0

Mustache 模板测试工具 - 无逻辑模板渲染调试

粘贴 Mustache 模板与数据 JSON，所见即所得地渲染输出，支持节段和反转节段。

开发工具 Mustache 模板 测试 渲染

0

Liquid 模板引擎预览器 - 在线测试 Shopify 模板语法

输入 Liquid 模板代码和 JSON 数据，实时查看输出，支持循环、过滤器等常用语法。

开发工具 Liquid 模板 测试 渲染

0

Handlebars 模板在线测试 - 输入数据和模板渲染

编写 Handlebars 模板并提供 JSON 数据，即时渲染结果，支持 helpers 自定义，纯前端执行。

开发工具 Handlebars 模板 测试 渲染