element-comments

在开发中的网页或小程序里直接选取元素、填写批注,并复制带源码文件和行列位置的反馈。

开发工具 · 界面批注

为什么做这个项目

只靠一张截图或一句“这里改一下”,往往很难准确定位界面问题。这个工具把可见元素、评论与源码位置放在一起,让反馈可以直接交给开发者或编程助手。

  • JavaScript
  • Astro
  • Taro
  • Babel

真实界面

当前博客开发环境中的真实批注窗口,采集于 2026-10-26;展示填写界面,未提交评论。

element-comments
点击图片查看原尺寸界面。

已经实现的能力

选取与定位

在 Astro 网页和 Taro React 小程序中选取元素,查看源码文件、行列与元素文本。

批注与复制

填写评论并保存在本机,查看评论列表,复制包含页面和源码上下文的结构化反馈。

开发环境接入

已接入当前博客与炉中石;正式构建不注入批注工具与源码标记。

当前范围与边界

评论不跨设备同步,不自动修改代码;Canvas 内部图形、原生控件与独立作用域中的部分元素不能单独选取。

截图用于展示运行界面,本页不内嵌项目应用。提供官网入口的项目可继续访问,其他项目目前仅在本站展示案例。

关于我

一个喜欢折腾的开发者

我是沧沧凉凉,一名开发者。在这里分享技术实践、工具体验,以及把想法做成作品的过程。


有项目想一起做?欢迎聊聊。