element-source 能帮你定位页面上任何一个 DOM 元素到底来自哪个源文件、哪一行代码。它支持 React、Vue、Svelte、Solid 和 Preact 五大框架,通过异步 API 返回文件名、行号、列号以及完整的组件调用栈。作者开发这个工具的直接动机是给 AI 编程助手提供精准的代码上下文——选中浏览器里的元素,就能把源码位置直接喂给 Agent。
点评:这个工具切中了一个很实际的痛点。AI 编程助手最大的瓶颈之一就是缺乏精确的上下文,而 element-source 从 UI 层反向追溯到源码,相当于给 Agent 装了一双眼睛。作者之前发布过 React 生态的多个类似工具,此次则支持了更多不同的框架,