00:00 / 02:43
连播
清屏
智能
倍速
点赞2311
Claude Code原生支持Chrome浏览器 🚀改写浏览器自动化!Claude Code原生支持Chrome!开启 AI 自动化新纪元,一键自动化操作网页、填写表格、发布社交媒体,再也不用重复登录账号了!像真人一样操作浏览器执行复杂任务!#ai 🚀🚀🚀 视频简介: 程序员狂喜!Claude Code最新版Chrome集成,自动化开发测试一条龙,从此告别重复劳动和手动调试! ⚡️ 本期视频详细演示了Claude Code最新版本原生支持调用Chrome浏览器的强大功能! 📌 核心亮点: 与Chrome DevTools不同,Claude Code调用的Chrome浏览器会保留你日常使用的所有信息,包括账号登录状态、浏览记录和扩展插件,无需重复登录! 🔥 深度测试内容: ✅ 浏览器自动化:自动读取博客文章并改写发布到X平台 ✅ 信息搜索+表格填写:搜索特斯拉股票信息并精细化填入Google表格 ✅ 前端UI调试:开发React组件后自动测试、发现Bug并修复 ✅ API接口测试:创建Node.js API并通过Swagger UI自动化测试 💡 功能特性:支持UI验证、端到端自动化、多标签管理、表单填写、console logs读取、DOM状态定位等 🔥🔥🔥时间戳: 00:00 功能介绍 - Claude Code原生支持Chrome浏览器的设置方法 00:40 核心优势 - 与Chrome DevTools对比,保留登录状态和扩展插件 01:05 功能特性 - 支持UI验证、端到端自动化、多标签管理等能力 01:50 视频预告 - 本期深度测试内容概览 02:05 测试一:博客自动化 - 自动读取博客并改写发布到X平台 02:55 测试二:信息搜索 - 搜索特斯拉股票信息并填入Google表格 04:08 表格操作演示 - Claude Code精细化操作Google表格单元格 04:32 测试三:UI调试 - 开发React语言学习组件并自动测试 05:53 自动化测试 - Chrome浏览器自动点击测试页面功能 06:06 Bug发现与修复 - 自动发现单词卡片翻转问题并修复 07:00 测试四:API测试 08:50 Swagger测试 09:47 测试报告 10:14 总结回顾 #ai编程 #claudecode #claude #chrome #ai
00:00 / 10:38
连播
清屏
智能
倍速
点赞708
AI随风5月前
GPT5+Cursor编程能力测试,结果如何? gpt5终于发布了,在编程能力上有巨大提升,我们来简单测试gpt5的前端生成能力,对比claude 4 sonnet以及 qwen3-coder。 提示词: 我想开发一个小程序,核心功能需求文档,现在需要输出高保真的原型图,请通过以下方式帮我完成所有界面的原型设计,并确保这些原型界面可以直接用于开发: 1、用户体验分析:先分析这个 App 的主要功能和用户需求,确定核心交互逻辑。 2、产品界面规划:作为产品经理,定义关键界面,确保信息架构合理。 3、高保真 UI 设计:作为 UI 设计师,设计贴近真实 iOS/Android 设计规范的界面,使用现代化的 UI 元素,使其具有良好的视觉体验。 4、HTML 原型实现:使用 HTML + Tailwind CSS(或 Bootstrap)生成所有原型界面,并使用 FontAwesome(或其他开源 UI 组件)让界面更加精美、接近真实的 App 设计。拆分代码文件,保持结构清晰: 5、每个界面应作为独立的 HTML 文件存放,例如 home.html、profile.html、settings.html 等。 - index.html 作为主入口,不直接写入所有界面的 HTML 代码,而是使用 iframe 的方式嵌入这些 HTML 片段,并将所有页面直接平铺展示在 index 页面中,而不是跳转链接。 - 真实感增强: - 界面尺寸应模拟 iPhone 15 Pro,并让界面圆角化,使其更像真实的手机界面。 - 使用真实的 UI 图片,而非占位符图片(可从 Unsplash、Pexels、Apple 官方 UI 资源中选择)。 - 添加顶部状态栏(模拟 iOS 状态栏),并包含 App 导航栏(类似 iOS 底部 Tab Bar)。 请按照以上要求生成完整的 HTML 代码,并确保其可用于实际开发。 #GPT5 #AI编程 #Cursor
00:00 / 07:22
连播
清屏
智能
倍速
点赞155