Back to Details

browser-testing

Compare original and translation side by side

🇺🇸

Original

English

🇨🇳

Translation

Chinese

Browser Testing

浏览器测试

Test and debug web applications via Chrome integration.

通过Chrome集成测试和调试Web应用。

Prerequisites

前提条件

Requirement	Minimum
Chrome extension	1.0.36+
Claude Code CLI	2.0.73+
Plan	Pro/Team/Enterprise

要求	最低版本
Chrome扩展	1.0.36+
Claude Code CLI	2.0.73+
套餐	Pro/Team/Enterprise

Instructions

操作步骤

Enable Chrome:
```
claude --chrome
```
or
```
/chrome
```
Get tab context:
```
tabs_context_mcp
```
Navigate:
```
navigate
```
to URL
Interact:
```
find
```
,
```
form_input
```
,
```
computer
```
Verify:
```
read_console_messages
```
,
```
read_page
```
Evidence:
```
computer(action="screenshot")
```

启用Chrome：
```
claude --chrome
```
或
```
/chrome
```
获取标签页上下文：
```
tabs_context_mcp
```
导航：使用
```
navigate
```
命令访问URL
交互：使用
```
find
```
、
```
form_input
```
、
```
computer
```
命令
验证：使用
```
read_console_messages
```
、
```
read_page
```
命令
留存证据：
```
computer(action="screenshot")
```

Quick Commands

快速命令

bash

undefined

bash

undefined

Check for console errors

检查控制台错误

scripts/check-console-errors.sh TAB_ID

scripts/check-console-errors.sh TAB_ID

Verify page loaded

验证页面加载完成

scripts/verify-page-load.sh TAB_ID URL

scripts/verify-page-load.sh TAB_ID URL

Run smoke test

运行冒烟测试

scripts/smoke-test.sh URL

undefined

scripts/smoke-test.sh URL

undefined

MCP Tools

MCP工具

Tool	Purpose
`tabs_context_mcp`	Get tab IDs (call first)
`navigate`	Go to URL
`computer`	Click, type, screenshot
`find`	Find element by description
`form_input`	Fill form fields
`read_console_messages`	Debug with pattern filter
`read_page`	Get DOM/accessibility tree
`gif_creator`	Record interactions

工具	用途
`tabs_context_mcp`	获取标签页ID（需先调用）
`navigate`	访问指定URL
`computer`	点击、输入、截图
`find`	根据描述查找元素
`form_input`	填充表单字段
`read_console_messages`	带模式过滤的调试
`read_page`	获取DOM/无障碍树
`gif_creator`	录制交互过程

References

参考资料

File	Load When
references/patterns.md	Designing test scenarios
references/examples.md	Need concrete examples

文件	加载场景
references/patterns.md	设计测试场景时
references/examples.md	需要具体示例时