Skip to main content

前端开发教程

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