Curer不支持Claude了吗

cloud code 最新版现在已经原生支持调用 chrome 浏览器了，我们只需要将 cloud code 升级到最新版本，然后在 cloud code 中使用斜杠命令加上 chrome， 就 可以进入 chrome 浏览器的设置。 在是否默认起用这里我这里设为了起用，而且这里还可以管理权限，点击之后这里就会自动打开浏览器，并且在这个扩展这里我们就可以设置权限。如果大家没有安装扩展的话，到这一步应该会提示安装扩展，大家只需要按照它的提示安装扩展就可以。 当这些设置好之后，大家就可以在 cloud code 中原声调用 chrome 浏览器。在之前的视频中，我为大家演示过 chrome devtools 在 chrome code 中以及在 codex 中的使用，用来实现浏览器自动化以及 ui 调试。 但是 chrome devtools 为了安全，它打开的浏览器是一个新的实力，当我们需要执行浏览器自动化任务的时候，我们就需要重新登录所有的账号，像这样的话就非常麻烦，而且非常浪费时间。 但 cloud code 它原生支持的 chrome 浏览器调用它打开了浏览器就保存了我们日常使用的一切信息，包括账号登录状态以及浏览记录，还有 chrome 的 扩展插件等功能。 所以我们在 cloud code 中直接调用 chrome， 既适合 ui 验证，也适合端到端的自动化。而且它支持多种交互操作，包括点击输入，表单填写， 还有多标签管理，还可以对标签进行分组管理，而且它可以读取 cancel logs 还有 network requests， 并且可以结合盗墓状态来定位 ui 以及逻辑问题。好，本期视频将为大家深度测试 cloud code 调用 com 浏览器 完成自动化任务、 u i 调试任务以及 api 接口自动化测试等任务。下面我们可以先用一个最简单的任务进行测试，我这里直接输入任务，让它打开我的簿刻，点击进入第一篇簿刻，并将它改写为一篇 x post， 然后发布到我的 x 账号， 我们直接运行，先测试一下它最简单的浏览器自动化能力。好，可以看到这里它自动打开了我的簿刻， 然后它自动点击了我博客的第一篇文章，然后我们回到终端，就可以看到这里它正在执行这个任务，现在已经阅读完了博客文章，正在改写帖子。然后这里它需要申请权限，我们直接给它权限，然后它就自动打开了 x 平台。 好，可以看到它自动点击了发布， 这样的话这篇 x post 就 发布成功。整个过程不需要我们重新登录 x 账号，因为它会自动调用我们日常使用的 chrome 浏览器的配置。我们再测试一下 cloud code， 调用 chrome 浏览器 实现信息搜索，并且将搜索到的信息填写到谷歌的表格中，我们看一下他能否准确操作谷歌表格。这里我们输入提示词，使用奎姆搜索特斯拉近七天的股票信息，并且打开谷歌表格，将内容填入到表格中，我们直接运行 自动打开了谷歌浏览器，然后这里需要我们授权给他。好，可以看到他打开了谷歌，并且搜索了特斯拉的股价相关的内容。 好，这里他进入了雅虎 finance。 好， 可以看到他能准确点击并且复制相关内容。 好，可以看到他提取了特斯拉七天的股票数据，现在他打开了谷歌表格，我们看一下他能否将这些数据准确的填入谷歌表格中。 好，可以看到他在第一个单元格中输入了日期，然后定位到了第二个单元格。好，现在又在第三个单元格中输入了内容，现在这个表格的表头已经输入好了，然后这里提示他开始点击第二个单元格，开始输入数据。 好，这里他填完了十二月十八号的数据，现在在填十七号的数据 好，这里提示所有数据已经输出完成，这里我们就看到了它填入的特斯拉股价相关的信息，而且整个过程都是由它自动化完成。这样看来这个效果还是非常不错的，因为它能对这些非常复杂的表格进行精细化操作， 通过测试可以发现它的浏览器自动化能力还是非常强大的。好，刚才我们测试的是浏览器自动化任务，下面我们还可以测试一下让 cloud code 调用 chrome 实现 ui 调试。我们可以先在 cloud code 中让它为我们开发一个 react 组建。 我们可以先看一下这个提示词，让它使用叉款 ui 创建一个语言学习的 react 组建。这里是技术站 里，是页面结构，还有核心功能，还有设计要求，包括主题字体等，还有响应要求，以及数据结构，还有交互细节，还有性能。在最后这里我们让它创建一个完整的可交互的应用原型，要求任务完成之后，使用 crm 自动测试所有功能是否正常。 然后我们完整地粘贴这个提示词发送给 cloud code， 让它为我们开发这个 react。 组建，并且自动调用 chrome 浏览器进行测试，这是它生成的开发任务。最后一个任务就是在 chrome 浏览器中进行测试。 好，为了节省时间，开发步骤这里就略过，我们直接跳到它打开 chrome 浏览器的步骤。 five minutes later。 好，这里他已经完成了开发，现在正在安装依赖，这里他需要我们授权他权限，现在他就自动打开了浏览器，我们看一下他能否自动点击页面上的这些内容，对页面进行测试。 好，可以看到他自动点击了单词卡片，单词卡片翻转之后，这个单词出现了镜像翻转，我们看一下他是否会修复这样的问题。 好，这里他提示他看到卡片翻转有一些 css 效果的问题，他需要修复这个问题，这样的话，他就通过调用浏览器自动点击发现了这些问题。好，现在他正在测试练习页面。 好，他还选择了一个正确的答案。这里点击了进度。好，可以看到这里他输出答题反馈功能完美。好，这里提示进度页面非常漂亮。他继续测试设置页面。好，这里他提示页面显示空白，他需要检查控制台是否有错误， 然后这里他发现了这个错误，他正在修复这个错误。好，这里提示修复完成，他刷新页面， 可以看到他现在点击了设置。好，这里他提示设置页面所有功能都正常，他现在需要修复首页单词卡片翻转的问题，他需要创建一个简单可靠的翻转实线，替换当前的三 d 动画。 好，现在他又切换到了首页，然后我们看一下这次单词卡片的翻转是否修复好， 可以看到它自动点击了单词卡片，这次单词卡片翻转就正常，就显示了单词的中文翻译好，这里提示单词卡片翻转效果现在完美工作， 并且提示所有功能都测试通过，然后这里就输出了已经完成的这些功能。这样的话，我们没有经过任何干预， cloud code 就 调用 chrome 浏览器实现了自动开发，自动测试，并且发现了单词卡片翻转出现了问题，然后 cloud code 进行了自动修复， 可以发现整个步骤非常流畅，完全由 cloud code 全自动完成。刚才我们测试的是在 cloud code 中调试前端 ui 项目，下面我们还可以测试一下用 cloud code 调用 chrome 对 api 进行测试。 我们可以先看一下我准备的这个开发任务的提示词，让它创建一个 node js 加 express 的 代办事项， api 包含 get 请求获取所有代办事项， post 请求创办代办事项，还有 put 与 delete， 并且集成 swag ui express 自动生成 api 文档。 启动服务后，在 com 中进行下面的操作，并且将测试结果汇总，如果测试过程发现 bug， 直接修复并且验证。 然后我们回到 cloud code， 直接粘贴刚才的提示词，直接运行。像这样的话，我们使用 cloud code 调用 chrome 对 api 进行测试，在一定程度上甚至可以取代 postman。 这里它生成了开发任务，这里我们要稍等一下。 five minutes later 可以看到这里他开始对 api 进行测试，然后这里提示 get 端点已展开，他将点击这个按钮，这里提示点击 execute 执行 get 请求，并且提示需要滚动查看响应，这里他又重新点击了 execute 按钮， 好，这里提示 get 请求。测试成功，返回了两个代办事项，现在它需要测试 post 的 端点，创建新的代办事项。这里点击了 post 进行展开，然后这里提示它需要使用 find 工具定位 post 按钮 好，可以看到他将 post 进行了展开，这里提示他需要点击这个按钮，这里提示 post 的 成功，他创建了代办事项，现在他需要继续测试 put 还有 delete， 然后这里提示 put 和 delete 都创建成功， 这里提示他需要在 swag ui 中执行一个请求来捕获网络请求，这个任务执行完成，这里是生成的测试结果汇总报告， 包括 api 端点测试结果，这些端点都测试成功，而且这里还有响应时间，这里就是错误处理测试。下面这里就是 network 面板验证， 这里给出了总结，所有测试都通过，没有 bug， 发现 api 功能完整，错误处理，正确响应时间均在毫秒级。这样的话就在 cloud code 中自动调用 chrome 浏览器完成了 api 的 测试， 而且整个过程全部都是由 cloud code 自动完成的，不需要我们进行任何干预。通过我们在 cloud code 中调用 chrome 浏览器测试浏览器自动化以及前端 ui 调试，还有后端 api 的 测试，可以发现在 cloud code 中调用 chrome 浏览器效果非常不错， 它们全自动为我们完成各种复杂的任务。 cloud code 有 了 chrome 浏览器的加持，就变得越来越实用，越来越强大了。