浏览器到代码仓库的精确交接

别再描述
它在哪里。

直接圈选出错的 DOM。Pinhere 会保留页面、结构和截图,让你的 AI Agent 领取缺陷、修复并写回结果。

查看工作流
shop.aurora.co / checkout
外部页面
AURORA GOODS
你的订单 · 2 件商品
原野笔记本$24
帆布收纳包$36
合计$60.00
付款信息
邮箱
you@example.com
银行卡信息
4242 4242 4242 424212/28
支付 $60.00
01
待处理
02
处理中
03
已完成
Safari 15.4+ · Chrome 116+ · v0.1.13

在手机或电脑浏览器里,直接圈选 Bug

Safari 与 Chrome 使用同一套安全工作流。Pinhere 仅在你主动点按扩展时读取当前页面,并把选中的 DOM 与截图交给你的工作台。

iPhone / iPad 优先

Safari 扩展

为触控圈选优化:手指按住预览,松开即选择。适用于 iPhone、iPad 与 Mac Safari。

TestFlight 即将开放
iPhone / iPad · 通过 TestFlight 安装

iPhone 无法直接安装 ZIP。测试版通过 Apple TestFlight 分发;上线后点这里即可安装,再到“设置 → Safari → 扩展”中开启 Pinhere。

桌面浏览器

Chrome 扩展

适用于桌面 Chrome,支持鼠标悬停定位、DOM 圈选、截图裁剪与缺陷提交。

下载 Chrome 扩展
ZIP · 约 100 KB · Chrome 116+
Chrome 手动安装01—03
  1. 01

    下载并解压

    下载 ZIP 安装包,并将它解压到一个固定文件夹。

  2. 02

    打开扩展程序

    在地址栏输入 chrome://extensions,并开启右上角的“开发者模式”。

  3. 03

    加载 Pinhere

    点击“加载已解压的扩展程序”,选择刚才解压的文件夹。

从页面现场到修复结果01—04
01

圈选 DOM

02

结构化缺陷

03

Agent 领取

04

状态写回

给前端反馈一份可执行的上下文

从“这里不对”到 Agent 可以直接动手

Pinhere 是连接网页现场与代码修复流程的可视化 Bug 反馈工具。它把页面地址、DOM 元素、截图和描述收进同一份结构化缺陷,减少产品、设计、测试与开发之间的往返确认。

01

精准圈选网页元素

通过 Safari 或 Chrome 扩展直接选择出错的 DOM 元素,保留页面 URL、元素结构和可复现定位信息,不再依赖含糊的文字描述。

02

截图与问题上下文同行

把界面截图、标注和缺陷描述放在一起。无论是样式错位、文案错误还是交互异常,接手者都能快速理解现场。

03

为 AI 编程 Agent 准备

通过稳定 API 暴露结构化缺陷,让 AI 编程助手领取任务、更新处理状态,并把修复结果写回工作台。

适合谁使用 Pinhere?

01

产品与设计

在验收页面时直接指出具体元素,让视觉反馈与实现位置一一对应。

02

测试与前端

记录可复现的 UI Bug,减少截图、地址、选择器分散在多个工具里的情况。

03

AI 编程团队

把真实页面上下文交给 coding agent,建立从发现、领取到修复回写的闭环。

没有实时服务,没有仓库绑定,没有黑盒。只有一份稳定协议和可复现的缺陷上下文。

Pinhere protocol / v1

关于网页 Bug 标注与 AI 修复

Pinhere 和普通截图工具有什么不同?

普通截图只保存像素。Pinhere 还会记录被选中的 DOM 元素、页面来源和结构化状态,因此缺陷可以被开发者或 AI 编程 Agent 继续处理。

它可以替代项目管理工具吗?

Pinhere 聚焦网页 UI 缺陷的采集与交接。它提供轻量工作台和稳定协议,不要求绑定代码仓库,也不把复杂项目管理强加到反馈流程里。

搜索引擎或其他网站会看到私有截图吗?

不会。公开落地页可被搜索引擎索引;登录页、工作台、授权页面和私有缺陷均明确禁止索引,并受账号权限保护。