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 的交互习惯(点选 → 填充 → 可编辑 → 发送)

Activity

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

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