Skip to content

feat: 内置浏览器面板(网页显示、鼠标点选内容填入会话框、DevTools 浏览器信息) #4

Description

@loadingvx

需求背景

使用 agent 时经常需要参考网页内容。希望像 Cursor 一样在工作台内置一个浏览器:能显示网页,并通过鼠标点选控件把目标内容一键填充到左侧 agent 会话输入框。

功能点

1. 浏览器显示网页

  • 在编辑器/侧栏区域增加「浏览器」面板(可打开/关闭,可独立成标签页)
  • 地址栏输入 URL、前进/后退、刷新、新标签
  • 加载失败、无网络等状态提示
  • 受 iframe / CSP / X-Frame-Options 限制的站点需考虑替代方案(如后端代理渲染、独立窗口、或引导用户粘贴内容)

2. 鼠标点选控件 → 自动填充到 agent 会话框(与 Cursor 一致)

  • 进入「点选」模式后,鼠标在网页内容上高亮目标元素/文本
  • 点击后自动把选中的文本/链接/代码片段填充到左侧 agent 会话输入框
  • 填充前可在会话框内二次编辑,避免误操作

3. 浏览器 DevTools(devutils)

  • 打开 DevTools 面板能展示基本浏览器信息:User-Agent、viewport 尺寸、当前 URL、页面标题、控制台日志(console)等
  • 后续可扩展:网络请求、元素检查、截图

验收标准

  • 能打开浏览器面板并正常加载常见网页(http/https)
  • 点选网页元素后,内容自动进入 agent 会话输入框
  • DevTools 展示基本浏览器信息可用
  • 中/英文案、与现有工作台布局风格一致

备注

  • 涉及宿主(dsh web)与客户端两侧:可能的取数接口/代理、iframe 通信、权限提示
  • 实现时参考 Cursor 的交互习惯(点选 → 填充 → 可编辑 → 发送)

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions