资讯动态

Cursor智能体开发:Web 浏览器

发布时间:2026/10/6 23:30:24 来源:尧图企业网站定制
Agent 可以控制 Web 浏览器用于测试应用、可视化编辑布局和样式、进行无障碍审计、将设计转换为代码等。借助对控制台日志和网络流量的完整访问Agent 能够调试问题并自动化全面的测试工作流。对于企业客户浏览器控制由 MCP 允许列表或 denylist 管理。原生集成Agent 会在对话中展示浏览器操作 (如截图和具体动作) 并且可以将浏览器窗口以独立窗口或内嵌面板的形式显示。我们对浏览器工具进行了优化使其更高效并减少 token 消耗同时还包括高效日志处理浏览器日志会写入文件Agent 可以使用 grep 进行筛选并有选择地读取。相比在每次操作后总结冗长输出Agent 只读取它需要的相关行。这在保留完整上下文的同时将 token 使用量降到最低。基于图片的可视化反馈截图会直接与文件读取工具集成因此 Agent 实际上是将浏览器状态视为图像而不是依赖文本描述。这有助于更好地理解页面布局和 UI 元素。智能提示Agent 会收到关于浏览器日志的额外上下文信息包括总行数和预览片段帮助它更有根据地决定需要检查的内容。开发服务器感知能力Agent 会被提示去检测正在运行的开发服务器并使用正确的端口而不是启动重复的服务器或猜测端口号。你可以在无需安装或配置任何外部工具的情况下使用 Browser。浏览器功能Agent 可以使用以下浏览器工具导航点击输入滚动截图控制台输出网络流量设计侧边栏浏览器内置一个设计侧边栏可在 Cursor 中直接修改你的网站。借助实时可视化调整让设计与编写代码同步进行。可视化编辑功能侧边栏提供强大的可视化编辑控件位置与布局在页面上移动和重新排列元素更改 flex 方向、对齐方式和网格布局。尺寸通过精确的像素值调整宽度、高度、内边距和外边距。颜色从你的设计系统中更新颜色或添加新的渐变通过可视化取色器访问颜色 token。外观使用可视化滑块调整阴影、不透明度和圆角。主题测试即时在浅色和深色主题下测试你的设计。应用更改当你的视觉调整符合预期时点击“应用”按钮触发 agent 更新你的代码库。agent 会将你的视觉更改转换为对应的代码修改。你也可以在站点中选择多个元素用文本描述想要的更改。多个 agent 会并行运行在热重载后你的更改会实时呈现在页面上。会话持久性浏览器状态会基于你的工作区在各个 Agent 会话之间保持不变这意味着Cookies身份验证 Cookie 和会话数据会在不同浏览器会话之间保持可用本地存储存储在localStorage和sessionStorage中的数据会持久保留IndexedDB数据库内容会在会话之间被保留浏览器上下文按工作区隔离确保不同项目拥有各自独立的存储和 Cookie 状态。使用场景Web 开发工作流Browser 可以集成到 Web 开发工作流中与 Figma、Linear 等工具协同使用。请查看 Web 开发实用手册了解如何将 Browser 与设计系统、项目管理工具和组件库配合使用的完整指南。无障碍改进Agent 可以审计并改进网页无障碍情况以满足 WCAG 合规标准。browser Check color contrast ratios, verify semantic HTML and ARIA labels, test keyboard navigation, and identify missing alt textTry in Cursor自动化测试Agent 可以执行完整的测试套件并捕获截图用于视觉回归测试。browser 使用测试数据填写表单依次点击完成各项工作流测试响应式设计验证错误信息并监控控制台中的 JavaScript 错误Try in Cursor从设计到代码Agent 可以将设计稿转换为可运行的代码并支持响应式布局。browser 分析这个设计稿提取配色和字体并生成像素级精确还原的 HTML 和 CSS 代码Try in Cursor根据截图调整 UI 设计Agent 可以通过识别视觉差异并更新组件样式来优化现有界面。browser 对比当前 UI 与这张设计截图并调整间距、颜色和字体排版以使其匹配Try in Cursor安全Browser 以安全的 Web 视图方式运行并由作为扩展运行的 MCP 服务器进行控制。多重防护层保护你免遭未经授权的访问和恶意操作。 Cursor 的 Browser 集成也已经过多家外部安全审计机构的评估与审核。身份验证与隔离浏览器实现了多项安全措施令牌认证Agent 布局在每次浏览器会话开始前生成一个随机认证令牌标签隔离每个浏览器标签页都会分配唯一的随机 ID以防止跨标签页相互干扰基于会话的安全机制每次新的浏览器会话都会重新生成令牌工具批准默认情况下浏览器工具需要你的批准。请在 Agent 执行每个操作前进行评审。这样可以防止意外的导航、数据提交或脚本执行。你可以在 Agent Settings 中配置批准设置。可用模式如下ModeDescriptionManual approval单独评审并批准每个浏览器操作推荐Allow-listed actions与允许列表匹配的操作会自动运行其他操作需要批准Auto-run所有浏览器操作都会立即执行无需批准请谨慎使用允许列表和阻止列表浏览器工具集成了 Cursor 的安全防护。用于配置哪些浏览器操作可以自动运行Allow list指定可跳过批准提示的可信操作Block list定义必须始终被阻止的操作可以通过以下路径进行设置Cursor Settings→Chat→Auto-Run允许/阻止列表系统提供尽力而为的防护机制。由于提示注入等问题AI 行为仍可能不可预测。请定期评审自动批准的操作。切勿在不受信任的代码或不熟悉的网站上启用自动运行模式。Agent 可能在你不知情的情况下执行恶意脚本或提交敏感数据。浏览器上下文浏览器会在 Cursor 内以面板形式打开使 Agent 能通过 MCP 工具实现完全控制。推荐模型我们建议使用 Sonnet 4.5、GPT-5 和 Auto以获得最佳效果。企业使用对于企业客户可以在 MCP 控制中通过切换启用状态来管理浏览器功能。管理员可以对每个 MCP 服务器以及浏览器访问权限进行细粒度控制。为企业启用浏览器要为你的企业团队启用浏览器功能前往你的 Settings 仪表盘进入MCP Configuration打开 browser features 开关配置完成后你组织中的用户将根据你的 MCP 允许列表或 denylist 设置使用浏览器工具。来源允许列表企业管理员可以配置一个来源允许列表用于限制 agent 可以自动导航到哪些站点以及 MCP 工具可以在哪些站点运行。这样可以出于安全和合规目的对浏览器访问进行精细化控制。必须先为你的组织启用 Browser Origin Allowlist 功能它才会出现在你的仪表盘中。请联系你的 Cursor 客户团队申请访问权限。配置要配置来源允许列表进入你的 Admin 仪表盘打开MCP Configuration确认已启用Enable Browser Automation Features (v2.0)在Browser Origin Allowlist (v2.1)下点击Add Origin输入你想允许的来源例如*、http://localhost:3000、https://internal.example.com将允许列表留空时会允许所有来源。每个来源都应通过 Add Origin 按钮单独添加。行为当配置了来源允许列表后自动导航Agent 只能使用browser_navigate工具访问来源在允许列表中的 URLMCP 工具执行MCP 工具只能在来源包含于允许列表的站点上运行手动导航用户仍然可以在浏览器中手动访问任意 URL包括不在允许列表中的来源 (在查看文档或检查外部站点时非常有用)工具限制一旦浏览器访问了不在允许列表中的来源浏览器工具 (click、type、navigate) 将被禁用即使用户是手动导航到该页面边界情况来源允许列表仅能提供尽力而为的防护。请注意以下行为链接导航如果 agent 在被允许的域名上点击链接并导航到未被允许的来源该导航仍会成功重定向如果 agent 导航到被允许的来源而该来源随后重定向到未被允许的来源该重定向将被允许JavaScript 导航从被允许的来源通过客户端导航 (例如通过window.location或类似方式) 到未被允许的来源也会成功来源允许列表会限制 agent 的自动导航但无法阻止 所有导航路径。请定期检查你的允许列表并仔细考虑允许访问可能重定向或链接 到外部站点的域名所带来的安全影响。《动手学PyTorch建模与应用:从深度学习到大模型》是一本从零基础上手深度学习和大模型的PyTorch实战指南。全书共11章前6章涵盖深度学习基础包括张量运算、神经网络原理、数据预处理及卷积神经网络等后5章进阶探讨图像、文本、音频建模技术并结合Transformer架构解析大语言模型的开发实践。书中通过房价预测、图像分类等案例讲解模型构建方法每章附有动手练习题帮助读者巩固实战能力。内容兼顾数学原理与工程实现适配PyTorch框架最新技术发展趋势。

读完文章,也想定制专属网站?

尧图设计师 24 小时内与您沟通定制方案

免费获取报价 →
↑