页面/checkout
参数?step=2&plan=pro
视口1440 × 900
页面与视口
路径、query、hash 分开记录，加上视口宽高，复现环境一次到位。
提交按钮点击没反应，麻烦看下
同一个 bug
一句话丢过来，你要来回问三轮才能复现。点一下钉上去，现场已经在单子里了。
结算页「提交订单」按钮点击没反应
一次点击，全都在单子里
一个 IIFE 文件，没有 npm 依赖，没有构建步骤。
上下文
不用再问「你在哪个页面、点了什么、窗口多大」。用户点下去那一刻，现场就被记完了。
#checkout > form.order-form > button.submit-btn
优先记录 CSS 选择器和元素内的精确点击偏移；页面改版导致选择器失效时，自动回落到视口百分比坐标，位置依然能对上。
路径、query、hash 分开记录，加上视口宽高，复现环境一次到位。
被点中元素的文字摘录随工单一起保存，一眼认出说的是哪个按钮。
处理
一键抓取当前页面，画框、加箭头、写文字，浏览器不支持截屏时自动退回 Ctrl+V 粘贴图片。
待处理、处理中、已解决、已拒绝、暂不处理、已归档，六种状态一次改一批。
ws connected
ticket.created #128
ticket.updated #126 → 处理中
comment.created #124
工单创建、状态变化即时推送，宿主站点可以自行订阅这条事件流。
按 N 进入标注，Esc 取消，Ctrl+F10 随时隐藏或唤出整个 SDK。
init({extraFields}) 传对象或函数，业务信息跟着工单一起入库。
接入
没有构建链路，没有 npm 依赖。一个原生 JS 文件，粘进页面就能用。
<script>
window.PinmarkConfig = {
endpoint: "https://pinmark.lighttools.net",
siteToken: "pk_live_你的应用token",
user: { id: "u_310", name: "阿茶" }, // 可选
allowHotkey: true
}
</script>
<script
src="https://pinmark.lighttools.net/sdk/pinmark.iife.js"
defer></script>在管理台新建应用，拿到这个站点专属的 siteToken。
放进页面任意位置，任何技术栈都一样，不需要构建。
点悬浮球或按快捷键，点哪儿，钉哪儿。