Repolode
2234839

2234839/silkpulse

面向 AI agent 的远程设备网页调试器,可查看和操作手机 H5、webview 等远程页面。

可替代:vConsole

Star
230
Fork
16
未关闭 Issue
0
最近提交
6天前

这是什么?

silkpulse 是一个远程前端调试工具,用于排查手机浏览器、内嵌 WebView 等本地 DevTools 够不着的线上页面。在页面中插入一个 script 标签后,console、网络请求和报错堆栈会实时上报到网页控制台,开发者可以直接查看,也可以交给 AI 排查。

除了日志,它还嵌入了官方 Vue DevTools 与 React DevTools 面板,生产构建也能查看组件树、state、hooks 和 props。报错堆栈可通过 sourcemap 还原到源码位置,多台设备可同时接入,断线重连后历史记录不会丢失。

项目提供 HTTP 接口和 AI skill,agent 可以读取页面快照、日志和网络响应体,在远程页面执行 JS、点击、填写表单、滚动,用于验证修复结果。项目基于 MIT 协议开源,需要 Node 22 及以上与 pnpm,并提供 Docker 镜像用于自部署。

核心功能

  • 01将远程页面的 console、网络请求和报错堆栈实时上报到网页控制台。
  • 02嵌入官方 Vue DevTools 与 React DevTools 面板,生产构建也可查看组件树和 state。
  • 03通过 sourcemap 将报错还原到真实源码位置。
  • 04AI agent 可读取页面快照、日志,并在远程页面执行 JS。
  • 05支持多设备同时接入,带标签区分,断线重连后历史不丢失。

适用场景

  • 在用户手机的 H5 页面或 App 内 WebView 中排查问题,无需用户截图或复制日志。
  • 让 AI agent 诊断线上前端问题,并在真实页面中验证修复。
  • 在已部署的生产站点上查看 Vue 或 React 组件状态。

快速上手

  1. 1

    安装依赖(需要 Node 22+ 和 pnpm 11+)

    pnpm install
  2. 2

    构建所有包

    pnpm build
  3. 3

    启动服务(默认端口 8080)

    pnpm start

使用前须知

  • 从源码运行需要 Node 22+ 和 pnpm 11+。
  • 自行部署需要额外配置;免费在线体验的公共项目数据对所有人可见。
  • 官方 Docker 镜像仅支持 amd64 架构。

收录于专题

标签

#debugging#remote-debugging#webview#devtools#observability#sourcemap#mcp-agent

常见问题

silkpulse 是什么?
面向 AI agent 的远程设备网页调试器,可查看和操作手机 H5、webview 等远程页面。 silkpulse 是一个远程前端调试工具,用于排查手机浏览器、内嵌 WebView 等本地 DevTools 够不着的线上页面。在页面中插入一个 script 标签后,console、网络请求和报错堆栈会实时上报到网页控制台,开发者可以直接查看,也可以交给 AI 排查。
silkpulse 可以免费使用吗?用的什么许可证?
silkpulse 以 MIT 许可证开源。用于商业产品前,请先确认许可证条款。
silkpulse 还在维护吗?
活跃维护中。silkpulse 最近一次提交是在 2026年11月1日。
silkpulse 适合用来做什么?
在用户手机的 H5 页面或 App 内 WebView 中排查问题,无需用户截图或复制日志。 让 AI agent 诊断线上前端问题,并在真实页面中验证修复。 在已部署的生产站点上查看 Vue 或 React 组件状态。
silkpulse 怎么安装和运行?
安装依赖(需要 Node 22+ 和 pnpm 11+): pnpm install 构建所有包: pnpm build 启动服务(默认端口 8080): pnpm start
在哪里获取 silkpulse?
源代码和安装说明在 GitHub 上:https://github.com/2234839/silkpulse

概要由 AI 根据项目 README 生成;GitHub 数据每日更新。

相关项目