Cline - 中文版 Docs
  • Cline Documentation
  • 入门指南
    • 快速开始
    • What is Cline?
  • Basics
    • Cline - 中文版胜算 说明文档
      • Cline 和模型上下文协议 (MCP) 服务器:提升 AI 能力
      • Interactive blocks
        • OpenAPI
      • Integrations
        • Cloud Provider Integration
        • Security Concerns
      • .clineignore 功能支持
  • Cline - 中文版胜算 说明文档
    • 什么是Cline - 胜算云增强版
    • 对于新程序员
    • 安装 Cline-胜算云增强版
    • 安装 Dev Essentials
    • 我们最喜欢的技术栈
    • 上下文管理
    • 型号选择指南
  • Getting Started
    • What is Cline?
    • For New Coders
    • Installing Cline
    • Installing Dev Essentials
    • Our Favorite Tech Stack
    • Context Management
    • Model Selection Guide
  • 提高提示技巧
    • 提示工程指南
    • Cline-胜算云增强版 内存库
  • Improving Your Prompting Skills
    • Prompt Engineering Guide
    • Cline Memory Bank
  • 探索 Cline 的工具
    • Cline-胜算云增强版 工具指南
  • 检查站
  • 计划与行动模式:有效人工智能发展指南
  • 新建任务工具
  • Remote Browser 支持
  • Exploring Cline's Tools
    • Cline Tools Guide
    • Checkpoints
    • Plan & Act Modes: A Guide to Effective AI Development
    • New Task Tool
  • Remote Browser Support
  • 企业解决方案
    • 安全问题
  • 云提供商集成
  • MCP 服务器
  • 自定义说明
  • Security Concerns
    • Security Concerns
  • Cloud Provider Integration
  • MCP Servers
  • Custom Instructions
  • MCP服务器
    • MCP概述
    • MCP市场
  • 从 GitHub 添加 MCP 服务器
  • 配置 MCP 服务器
  • 连接到远程服务器
  • MCP 传输机制
  • MCP 服务器开发协议
  • MCP Servers
    • MCP Overview
  • MCP Marketplace
  • Adding MCP Servers from GitHub
  • Configuring MCP Servers
  • Connecting to a Remote Server
  • MCP Transport Mechanisms
  • MCP Server Development Protocol
  • 自定义模型配置
    • 带有凭证身份验证的 AWS Bedrock
    • 带配置文件身份验证的 AWS Bedrock
    • GCP Vertex AI
  • LiteLLM 和 Cline-胜算云增强版(使用 Codestral)
  • Custom Model Configs
    • AWS Bedrock w/ Credentials Authentication
  • AWS Bedrock w/ Profile Authentication
  • GCP Vertex AI
  • LiteLLM & Cline (using Codestral)
  • 本地运行模型
    • 请先阅读
    • Ollama
    • LM 工作室
  • Ollama
  • LM Studio
  • Running Models Locally
  • More Info
    • Telemetry
    • 遥测
Powered by GitBook
On this page
  • Cline-胜算云增强版中的远程浏览器
  • 什么是远程浏览器?
  • 如何使用 Remote Browser
  • 需要了解的重要事项
  • 常见用例
  • 故障排除
  • 在 WSL 中将远程浏览器与 VS Code 结合使用

Remote Browser 支持

远程浏览器支持允许 Cline 利用远程 Chrome 实例,利用与某些 Web 开发测试用例相关的身份验证令牌和会话 cookie。

Cline 中的 Remote Browser 功能允许 AI Assistant 直接通过受控浏览器实例与 Web 内容进行交互。这将启用几个强大的功能:

  • 查看网站并与之交互

  • 测试本地运行的 Web 应用程序

  • 监控控制台日志和错误

  • 执行浏览器作,例如单击、键入和滚动

Cline-胜算云增强版中的远程浏览器

什么是远程浏览器?

Remote Browser 允许 Cline 直接查看网站并与之交互。此功能使 Cline-胜算云增强版 能够:

  • 访问网站并查看其内容

  • 测试本地运行的 Web 应用程序

  • 填写表单并单击元素

  • 捕获所见内容的屏幕截图

  • 滚动浏览页面以查看更多内容

如何使用 Remote Browser

基本命令

您可以通过简单的说明让 Cline-胜算云增强版 使用浏览器:

  • 点击元素 :“Click the login button”

  • 键入文本 :“在搜索框中键入 'Hello world'”

  • 滚动页面 :“向下滚动以查看更多内容”

  • 关闭浏览器 :“立即关闭浏览器”

示例工作流

测试 Web 应用程序:

Can you start my React app with "npm start" and then check if it's working properly at http://localhost:3000?

分析网站:

Can you visit https://example.com and tell me what you think about its design and layout?

填写表格:

Please go to https://example.com/contact, fill out the contact form with some test data, and s

需要了解的重要事项

一次一个浏览器

Cline-胜算云增强版 一次只能使用一个浏览器。如果您想访问其他网站,您可以:

  • 要求 Cline 在同一浏览器会话中导航到新 URL

  • 让 Cline 关闭当前浏览器并打开一个新浏览器

使用其他工具前必须关闭浏览器

如果希望 Cline-胜算云增强版 在使用浏览器后编辑文件或运行命令,则必须先要求它关闭浏览器:

Close the browser and then update the CSS file to fix the alignment issue we saw.

Cline-胜算云增强版 所见

浏览器具有固定的视区大小(默认为 900x600 像素),类似于小型笔记本电脑屏幕。Cline 将在每次作后共享屏幕截图,以便您可以准确查看它所看到的内容。

控制台日志

Cline-胜算云增强版 捕获浏览器控制台日志,这有助于调试 Web 应用程序。这些日志包含在每个屏幕截图中。

常见用例

  • Web 开发 :测试您的网站和 Web 应用程序

  • UI/UX 评论 :获取有关网站设计和可用性的反馈

  • 内容研究 :让 Cline 浏览网站以收集信息

  • 表单测试 :验证表单是否正常工作

  • 响应式设计测试 :检查网站在不同屏幕尺寸下的外观

故障排除

  • 如果网站未加载 :尝试提供带有 http:// 或 https:// 前缀的直接 URL

  • 如果单击不起作用 :尝试更精确地描述元素的位置

  • 如果浏览器似乎卡住了:让 Cline 关闭浏览器并重试

在 WSL 中将远程浏览器与 VS Code 结合使用

在 WSL 中运行 VS Code 时,需要将 Windows 配置为允许 WSL 连接到 Chrome。请执行以下步骤:

以管理员身份打开 PowerShell 并运行:

# Allow WSL to connect to Chrome's debugging port
New-NetFirewallRule -DisplayName "WSL Chrome Debug" -Direction Inbound -LocalPort 9222 -Protocol TCP -Action Allow

在 VS Code 中配置 Cline-胜算云增强版:

  1. 打开 VS Code 设置

  2. 搜索 “Cline-胜算云增强版: Chrome Executable Path”

  3. 将值设置为 Chrome 可执行文件的路径(例如, C:\Program Files\Google\Chrome\Application\chrome.exe )

Cline-胜算云增强版 现在应该能够从 WSL 中使用 Remote Browser 功能。

Previous新建任务工具NextCline Tools Guide

Last updated 1 month ago

打开网站 :“使用浏览器检查 的网站”

https://example.com