Install
openclaw skills install @thcjp/browser-testing-with-devtoolsTests in real browsers via Chrome DevTools 工具协议. Use when building or debugging anything that runs in a browser. Use when you need to inspect the DOM, capture console errors, analyze network requests, Use when 需要Development领域自动化处理、数据分析和流程编排时使用。不适用于无明确需求的模糊场景。
openclaw skills install @thcjp/browser-testing-with-devtools解决痛点:传统Development场景中,手工操作效率低、容易出错、难以规模化,缺乏统一的标准流程。
专业版能力:
处理:解析用户输入参数,执行browser-testing-with核心处理逻辑,返回结构化结果与执行状态。
| 参数名 | 类型 | 必填 | 说明 |
|---|---|---|---|
| content | string | 是 | browser-testing-with处理的内容输入 |
| format | string | 否 | 输入格式, 可选值: json/text/markdown |
| options | object | 否 | 高级配置参数, 如输出风格、批量大小等 |
{
"success": true,
"data": {
"result": "browser-testing-with处理结果",
"metadata": {
"skill": "browser-testing-with-devtools",
"version": "1.0.0",
"pricing_tier": "L2-进阶级"
}
},
"error": null
}
| 操作步骤 | 手动耗时 | 自动化耗时 | 时间节约 | 准确率提升 |
|---|---|---|---|---|
| DOM元素检查 | 30分钟 | 5分钟 | 25分钟 | 5% |
| 控制台错误捕获 | 20分钟 | 3分钟 | 17分钟 | 10% |
| 网络请求分析 | 45分钟 | 10分钟 | 35分钟 | 8% |
| 脚本调试 | 2小时 | 30分钟 | 1.5小时 | 15% |
| 批量测试执行 | 4小时 | 1小时 | 3小时 | 12% |
| 对比维度 | 本技能 | 手动操作 | Python脚本 | 专业软件 |
|---|---|---|---|---|
| 易用性 | 高 | 低 | 中 | 高 |
| 效率 | 高 | 低 | 中 | 高 |
| 自动化程度 | 高 | 低 | 中 | 高 |
| 成本 | 低 | 高 | 中 | 高 |
| 学习曲线 | 低 | 高 | 中 | 高 |
| 痛点 | 描述 | 影响范围 | 解决方案 | 量化效果 |
|---|---|---|---|---|
| 手动操作效率低 | 长时间手动操作导致开发周期延长,且容易出错 | 整个开发流程 | 引入自动化工具,提高效率 | 提升效率3倍 |
| 难以规模化 | 手动操作难以扩展到大量数据或复杂场景 | 扩展性 | 自动化处理,支持批量操作 | 扩展性提升5倍 |
| 缺乏统一标准流程 | 缺乏标准化流程导致开发不一致,难以维护 | 开发质量 | 内置标准流程,提高开发一致性 | 开发一致性提升10% |
A: 本技能通过Chrome DevTools协议,实现对浏览器中运行内容的自动化测试,包括DOM检查、错误捕获、网络请求分析等,适用于需要自动化处理、数据分析和流程编排的场景。
A: 本技能支持多种输入格式,如json、text、markdown等,用户可以根据需求选择合适的格式进行输入。
A: 本技能内置错误恢复机制,当遇到异常时,会自动重试或进行降级处理,确保测试过程的稳定性。
A: 本技能支持多格式兼容,可以适配不同来源的数据接入与转换,方便用户进行数据集成。
A: 本技能基于github来源验证,保证数据准确性与可追溯性,提高测试结果的可靠性。
| 错误现象 | 可能原因 | 诊断步骤 | 解决方案 |
|---|---|---|---|
| 测试结果错误 | 数据源问题 | 检查数据源,确保数据正确 | 修正数据源 |
| 执行超时 | 网络问题 | 检查网络连接,确保网络畅通 | 优化网络连接 |
| 异常中断 | 资源不足 | 检查系统资源,确保资源充足 | 优化系统资源 |
| 无法启动 | 配置错误 | 检查配置文件,确保配置正确 | 修正配置文件 |
| 无法连接 | 代理问题 | 检查代理设置,确保代理正确 | 修正代理设置 |
| 风险项 | 等级 | 防护措施 | 验证方法 |
|---|---|---|---|
| 数据泄露 | 高 | 数据加密存储,限制访问权限 | 定期审计访问记录 |
| 恶意代码注入 | 中 | 限制测试网站,使用安全测试工具 | 定期进行安全扫描 |
| 系统漏洞 | 高 | 及时更新Chrome DevTools,使用安全补丁 | 定期进行安全评估 |
| 未授权访问 | 中 | 限制技能访问权限,使用双因素认证 | 定期审计访问记录 |
| 测试数据损坏 | 中 | 数据备份,定期检查数据完整性 | 定期进行数据恢复测试 |
| 边界场景 | 触发条件 | 处理方式 | 预期结果 |
|---|---|---|---|
| 极端数据量 | 输入大量数据 | 分批处理,优化内存使用 | 正常处理,不出现内存溢出 |
| 极端复杂场景 | 复杂的DOM结构 | 优化解析算法,提高处理速度 | 正常处理,不出现解析错误 |
| 极端网络状况 | 网络不稳定 | 重试机制,降级处理 | 正常处理,不出现测试中断 |
| 错误码 | 原因 | 处理方式 | 恢复策略 |
|---|---|---|---|
| 1001 | 数据源问题 | 修正数据源 | 重新执行测试 |
| 1002 | 网络问题 | 优化网络连接 | 重试测试 |
| 1003 | 资源不足 | 优化系统资源 | 降级处理,减少资源消耗 |
| 1004 | 配置错误 | 修正配置文件 | 重新配置并执行测试 |
| 1005 | 代理问题 | 修正代理设置 | 重新设置代理并执行测试 |
针对browser-testing-with使用中可能遇到的常见问题,提供以下排查方案:
| 错误类型 | 原因分析 | 解决方案 |
|---|---|---|
| API认证失败(401) | API密钥错误或过期 | 检查密钥配置,重新生成token |
| 接口限流(429) | 请求频率超出限制 | 降低调用频率,启用重试退避策略 |
| 响应超时(504) | 网络延迟或服务端负载过高 | 增加超时阈值,检查网络连接 |
| 文件不存在 | 路径错误或文件未创建 | 检查路径拼写,确认文件已生成 |
| 文件格式不支持 | 扩展名不在支持列表中 | 转换为支持的格式后重试 |
| 权限不足 | 当前用户无读写权限 | 检查文件权限,以管理员身份运行 |
| 命令执行失败 | 参数错误或环境依赖缺失 | 检查命令语法,确认依赖已安装 |
| 进程超时 | 命令执行时间过长 | 增加超时设置,优化命令参数 |
| 网络连接失败 | DNS解析失败或防火墙拦截 | 检查网络配置,确认代理设置 |
当用户需要执行相关操作时自动触发(trigger)。
针对browser-testing-with使用中可能遇到的常见问题,提供以下排查方案:
| 错误类型 | 原因分析 | 解决方案 |
|---|---|---|
| API认证失败(401) | API密钥错误或过期 | 检查密钥配置,重新生成token |
| 接口限流(429) | 请求频率超出限制 | 降低调用频率,启用重试退避策略 |
| 响应超时(504) | 网络延迟或服务端负载过高 | 增加超时阈值,检查网络连接 |
| 文件不存在 | 路径错误或文件未创建 | 检查路径拼写,确认文件已生成 |
| 文件格式不支持 | 扩展名不在支持列表中 | 转换为支持的格式后重试 |
| 权限不足 | 当前用户无读写权限 | 检查文件权限,以管理员身份运行 |
| 命令执行失败 | 参数错误或环境依赖缺失 | 检查命令语法,确认依赖已安装 |
| 进程超时 | 命令执行时间过长 | 增加超时设置,优化命令参数 |
| 网络连接失败 | DNS解析失败或防火墙拦截 | 检查网络配置,确认代理设置 |