Coding Helper

本地优先的网页状态、Cookie 环境隔离与 AI 现场诊断工具。

Coding Helper 把网页调试和现场诊断工具放进一个可拖动浮窗。打开普通网页即可使用，也可以点击 Chrome 工具栏图标，在图标下方打开 Popup。 • DOM Selector：主动选择页面元素，可在覆盖层切换可见父级，查看 Tag、ID、Class、可见 Text、CSS Selector、XPath、React/Vue 组件名、Role、ARIA Label、Computed Style 和 Bounding Box，并复制 Selector、CSS 或完整摘要。 • 网页状态：查看当前站点的 LocalStorage、SessionStorage、Cookie 元数据、IndexedDB、Cache Storage、Service Worker 和只读站点权限；支持编辑或清理当前站点数据。 • Cookie 隔离：用可折叠隔离组、根域名和有序主机名正则区分多个开发环境。切换标签或窗口时静默保存上一环境、恢复目标环境的共享 Domain Cookie；用户开始操作时提前预热，前台 fetch、XHR 和原生表单继续提供就绪兜底，不主动刷新页面。同组的未分组标签会自动整理到 Chrome 原生标签组。 • 网页问题现场：只收集控制台、Promise、资源和网络异常，按时间线整理失败请求、慢请求和可能根因。 • 响应式检查：按 320、375、414、768px 视口检查横向溢出、越界、遮挡、裁切和点击区域问题，完成后恢复原窗口状态。 • 交互诊断：只记录一次点击或键盘操作关联的 DOM、事件链、请求、错误、路由和 DOM 变化。 • 性能现场：只把超过阈值的 TTFB、FCP、LCP、CLS、长任务、慢资源和失败请求关联到页面元素与优化建议，不只给一个 Lighthouse 总分。 • 跨页面监听：当前页面导航或打开新标签页后，顶部监听横条会继续显示；结束后自动展开完整报告。 LocalStorage、SessionStorage 和 Cookie 可能包含敏感值。网页状态界面默认遮罩 Cookie 值，只有用户主动点击后短暂显示，不复制、不保存。Cookie 隔离快照包含恢复环境所需的 Cookie 值和属性，仅保存在当前 Chrome Profile，不返回界面、不复制、不上传、不跨设备同步。IndexedDB 只显示数据库名称和版本，站点权限只读展示。 扩展不接入账号、广告、统计、云同步或开发者后端。DOM 结果、网页状态和诊断报告只在当前浏览器会话使用；活动监听缓冲写入 `chrome.storage.session`，停止或取消后清理，不保存诊断历史、不上传。Cookie 隔离关闭后保留快照和当前浏览器 Cookie；删除组或清理隔离数据经确认后只删除扩展保存的数据。诊断报告复制内容按证据优先压缩到约 20KB，不输出原始事件 JSON。诊断报告中的页面文本、URL 和错误信息会标记为不可信现场数据；所有网页状态清理操作都限制在用户确认的当前 origin。