AI辅助调试Web页面
基于目前AI发展现状,AI已经可以将web页面信息,加入到上下文中,借此功能,我们可以快速的实现Web页面的调试开发
前置条件
- 必须完成环境搭建
环境准备
- 安装 vs code 最新版本,比如通过此链接安装。安装成功后,打开vs code。

- 点击操作栏中的人头像,进行登录

- 必须使用github账号登录,没有可以先注册

- 登录成功后,可以看到登录信息

安装VS Code扩展
- 安装cloudcc扩展。打开扩展,搜索:cloudcc

- 安装谷歌浏览器MCP工具,搜索:@mcp chrome

测试
- 重启vs code,查看工具是否安装成功


- 在输入框中输入:chrome devtool帮我打开www.baidu.com,点击授权

- 此时会打开一个无痕浏览器

- 测试是否可以操作Web页面:帮我搜索李彦宏


- 你是否能看到页面结构和内容?

- 在打开的无痕浏览器中访问crm系统,登录到系统后,然后让AI访问系统的域名:https://yundong.lightning.cloudcc.cn
