glance

概述

Glance 是一个全面的 MCP 服务器，扩展了 Claude Code 的功能，提供真实的浏览器自动化。它提供 30 个浏览器控制工具，包括导航、点击、截图、表单填写和测试自动化。该服务器使 Claude 能够可视化检查 Web 应用程序，与 UI 元素交互，并运行具有多种断言类型的复杂测试场景。它具有安全控制、会话记录和视觉回归测试功能。

试试问 AI

装完之后，这里有 8 个你可以让 AI 做的事：

• browser_navigate

  Navigate to a URL

  试试:Open localhost:3000试试:Go to https://example.com/login
• browser_click

  Click an element (CSS selector or text)

  试试:Click the submit button试试:Click on 'Sign up' link
• browser_type

  Type into an input field

  试试:Enter 'user@test.com' in email field试试:Type password123 into password field
• browser_screenshot

  Capture a screenshot (returned inline to Claude)

  试试:Take a full page screenshot试试:Screenshot the dashboard after login
• browser_snapshot

  Get the accessibility tree as text

  试试:Show me the page structure试试:Get all form elements as text
• browser_console_messages

  Read console logs and errors

  试试:Check for JavaScript errors试试:Show me all console messages
• test_scenario_run

  Run a multi-step test scenario

  试试:Run the login flow test试试:Execute the checkout scenario
• test_assert

  Run a single assertion

  试试:Assert the welcome message contains 'Hello'试试:Check if the dashboard URL contains '/home'
• test_fill_form

  Auto-fill a form

  试试:Fill out the registration form试试:Complete the checkout form with test data
• session_start

  Start recording a session

  试试:Begin recording the user journey试试:Start a session for debugging
• visual_baseline

  Save a visual baseline

  试试:Save baseline for the dashboard试试:Capture reference for header navigation
• visual_compare

  Compare against baseline

  试试:Compare current page with baseline试试:Check for visual regressions

可对比工具

安装

npm install -g glance-mcp

claude mcp add glance -- npx glance-mcp

{
  "mcpServers": {
    "glance": {
      "command": "npx",
      "args": ["glance-mcp"],
      "env": {
        "BROWSER_HEADLESS": "false"
      }
    }
  }
}

FAQ

Glance 支持哪些浏览器？

Glance 使用 Playwright 作为底层引擎，支持 Chromium、Firefox 和 WebKit。您可以通过 BROWSER_CHANNEL 环境变量指定浏览器通道。

Glance 能处理认证流程吗？

是的，Glance 包专用的 test_auth_flow 工具，可以在测试场景中处理复杂的多步骤认证过程。

Glance 对测试生产网站安全吗？

Glance 包含具有不同限制的安全配置文件。'restricted' 配置文件仅允许本地主机访问并禁用 JavaScript 执行，而 'local-dev' 允许所有 HTTP/HTTPS 网站。

glance 对比