区域截图秒变附件爪爪 PawWork AltShiftC 网页 Agent 截图工作流实战【免费下载链接】BrowserKittenPaw Work - selection-first web agent for Chrome: select on the live page, describe the outcome, take away an editable office file. BYOK, sandboxed, no server.项目地址: https://gitcode.com/gh_mirrors/pa/BrowserKitten爪爪 PawWork 是一款跑在 Chrome 里的选择优先网页 Agent 扩展你在真实登录的页面上点选、描述需求它帮你干活并产出可编辑的办公文件。今天实战它最顺手的小功能之一——区域截图按一下AltShiftC拖个框截图自动进剪贴板、自动变成侧栏对话里的附件直接喂给 AI。无需服务器自带密钥BYOK全程本机运行。️ 第一步按下 AltShiftC拖出你的框在任何普通网页上按下AltShiftC页面会立即进入框选模式体验类似 Windows 的 WinShiftS操作效果按住左键拖拽画出一个选区顶部实时显示宽高松开鼠标完成截图Esc或右键取消截图极小拖拽4px视为误触自动取消框选 UI 由内容脚本注入页面光标变成十字线提示条写着拖拽选择截图区域 · Esc / 右键 取消相关实现见 content_script.js。选区确认后会等待两帧再截图确保遮罩层不会入镜。⏱️ 小提示框选超时为 2 分钟超时会自动取消800ms 内的重复按键会被去重防止连按出多张图。✂️ 第二步后台自动截 裁你只管框剩下的交给后台服务命令capture-screenshot被 Chrome 触发默认键位就写在 manifest.json 里后台用chrome.tabs.captureVisibleTab抓取当前可见标签页的整页位图background.js按你框选的矩形精确裁剪输出干净的 PNGbackground.js。整条链路在 screenshot.js 中定义了默认快捷键与消息契约架构上的一句话总结见 AGENTS.md区域截图AltShiftC → content script 框选 → SWcaptureVisibleTab裁剪 → 剪贴板 对话附件。 第三步剪贴板 对话附件一次到手截图完成后 PawWork 做了三件事写入系统剪贴板——随手就能粘贴到聊天窗口、文档里广播screenshot_captured消息——侧栏开着的话立刻挂上附件暂存 2 分钟——侧栏还没打开先存进本地打开侧栏时自动补挂sidepanel.js。同时页面上会弹出一个 Toast 区域截图已复制到剪贴板并附到对话打开侧栏查看background.js。打开侧栏你会看到输入框上方已经多了一张缩略图——这就是附件。接下来只要用一句话说清诉求例如帮我分析这张报错截图或按这个界面风格重做我的落地页AI 就能直接看到画面内容。 四个高频实战场景场景操作要点一句话指令示例 报错定位框选报错弹窗或控制台区域这个报错是什么意思怎么修 图表/表格问答框住图表或数据表格总结这张图的关键趋势 界面改造框选你想模仿的 UI 区块参考这个布局给我写一版 HTML 网页取证框选关键信息留档把截图内容整理成一段结构化文字 注意图片附件需要模型支持视觉能力。如果你当前选用的是纯文本模型PawWork 仍会发送图片并给出提示接口若拒绝会显示真实错误可切换到支持视觉的模型再试。⚙️ 快捷键改不了换个入口也行修改键位侧栏设置页有 截图快捷键一行点修改快捷键会打开 Chrome 的扩展快捷键页面默认值AltShiftC在 Windows/macOS 上相同sidepanel.html按钮入口不想记快捷键侧栏工具栏与伸爪按钮同一排的 截图按钮sidepanel.html点一下同样进入框选模式。 相关代码地图模块说明src/screenshot.js截图纯函数与消息契约默认键位、附件构造、剪贴板src/background.js框选 → 截图 → 裁剪 → 剪贴板 → 暂存的主流程src/content_script.js页面上的十字线框选层src/sidepanel.js侧栏接收截图并挂为聊天附件tests/runtime-regression.test.mjs回归测试目标标签不可见时拒绝截图⚠️ 三个容易踩的坑浏览器内部页截不了chrome://、edge://、devtools://等受限页面会直接报错这是 Chrome 的安全边界别在截到一半时切走焦点框选层检测到窗口失焦会自动取消暂存只有 2 分钟截图后 2 分钟内打开侧栏才会自动补挂更久的请等 Toast 里的提示或重新截一次。 收尾从按下AltShiftC到截图变附件整个过程不超过两秒框选 → 裁剪 → 剪贴板 → 侧栏附件全部在你本机完成。配上 PawWork 的页面点选能力AltShiftS伸爪你可以一边圈住页面元素、一边把关键画面喂给 Agent真正做到所见即所问。【免费下载链接】BrowserKittenPaw Work - selection-first web agent for Chrome: select on the live page, describe the outcome, take away an editable office file. BYOK, sandboxed, no server.项目地址: https://gitcode.com/gh_mirrors/pa/BrowserKitten创作声明：本文部分内容由AI辅助生成（AIGC），仅供参考