跳转到内容

Browy DevTools CLI

v0.1.x 起可用

Browy 扩展会注册一个 DevTools 面板,里面是一个终端风格的智能体 REPL。在任何页面打开 Chrome DevTools,点 Browy 标签页,你就有 了和侧边栏一样的智能体,只是改成 CLI 而不是对话气泡。

Browy 的 DevTools 面板:黑底绿字的 REPL,带 /help、/model 选择器,以及显示当前模型和被检查页面的状态栏
开着 /model 的 DevTools CLI。

在你已经在的地方

检查 DOM、看一眼 Network 面板,然后问智能体一个问题, 不用离开 DevTools。

终端的感觉

斜杠命令、历史、自动补全、Ctrl+L 清屏、Esc 取消。用过 gh copilot 的话,这里完全是熟悉的。

按标签页的会话

每个 DevTools 面板和它被打开的标签页绑定。在多个标签页打开 DevTools,就可以并行运行多个独立的智能体。

同一个智能体

和侧边栏一样的后端、一样的工具、一样的会话存储,包括页面快照、 点击 / 输入工具和网络日志。

输入 / 触发自动补全。别名:/?/help/models/model

命令作用
/help列出所有可用命令
/clear清空滚动区(也可以用 Ctrl+L
/new开启一个新对话
/reset放弃当前会话,从头开始
/cancel取消进行中的智能体回合(也可以用 Esc
/sessions列出最近的对话会话
/copy把上一条回复复制到剪贴板
/export把滚动区导出成 .txt 文件
/history显示最近的输入历史
命令作用
/model显示当前模型 + 打开实时选择器
/model <id>直接切换模型,比如 /model claude-haiku-4.5
/login触发 GitHub Copilot 的 device-flow 登录

下面这些命令在 DevTools 本地执行,不会调用模型。

命令作用
/url打印当前被检查页面的 URL
/title打印当前页面的 <title>
/tabs列出打开的浏览器标签页(点击切换)
/snapshot页面快速摘要(标题、URL、各级标题)
/dom <selector>对 CSS 选择器做 querySelectorAll 摘要
/eval <expr>在被检查页面里执行 JavaScript
/js切换 JS REPL 模式:每一行都在被检查页面里执行,直到再次 /js
命令作用
/theme [auto|dark|light]设置面板主题
/version显示版本信息
/feedback在 GitHub 上打开反馈页
/exit关闭此面板的提示(真正关闭请关掉 DevTools)

选择器目前可见的模型(取决于你的 Copilot 订阅):

  • Claude 系列:claude-sonnet-4.6claude-sonnet-4.5claude-haiku-4.5claude-opus-4.7claude-opus-4.6claude-opus-4.5
  • GPT 系列:gpt-5.5gpt-5.4gpt-5.3-codexgpt-5.2-codexgpt-5.4-minigpt-5-minigpt-4.1
  • 以及 auto,让 Copilot 自己挑

工具栏里的模型徽章始终显示当前激活的选择。

按键动作
Enter发送
Shift+Enter在 prompt 里换行
Esc取消进行中的请求
Ctrl+L清空日志
/ 浏览历史(输入框为空时)
/ 然后 Tab自动补全斜杠命令

什么时候用 CLI、什么时候用侧边栏?

Section titled “什么时候用 CLI、什么时候用侧边栏?”
如果你想…用…
一个常驻在页面边上的对话,截图内联显示侧边栏
留在 DevTools 里,针对被检查的目标快速发智能体提示DevTools CLI
多个智能体并行,每个绑定一个被检查的标签页DevTools CLI(在每个标签页里打开 DevTools)
和智能体结对编程实现一个功能DevTools CLI + 在设置里启用 bash 工具

公开跟踪在 GitHub 项目看板上。

  • 接入正在运行的会话:在面板里打开一个调试视图,查看正在 进行的 Browy 侧边栏会话。