我想从浏览器窗口自动创建屏幕截图并注释网站上的一些元素。
我想写这样的东西:(伪代码)
- 在元素“#login”的右侧放置注释:“这是登录按钮”
并且应该添加注释。
我显然必须直接在 CSS 和/或 Javascript 内部执行此操作,因为在截取屏幕截图后元素信息会丢失。
对此有哪些可能的方法?
我对感兴趣
- 注释、箭头等在某些 HTML 元素旁边的相对定位
- 自动定位框以避免重叠
- 以及在这种情况下可能有用的任何其他内容。
我发布了一种可能的解决方案草案,并希望有替代和更好的解决方案
我也对已经存在的模块(jQuery 或其他)感兴趣,可以在这里提供帮助。