网页上的自动标注和标记
网页上的自动标注和标记
提问于 2013-06-06 11:44:00
我想从浏览器窗口自动创建屏幕截图，并在网站上注释一些元素。
我想写这样的东西：(伪代码)
- 注意元素“# login”的右侧：“这是登录按钮”
这张便条应该加上。
显然，我必须在CSS和/或Javascript中直接这样做，因为截图后元素信息将丢失。
在这方面有什么可能的方法？
我感兴趣的是
- 某些HTML元素旁边的便笺、箭头等的相对位置
- 箱体自动定位避免重叠
- 还有任何可能在这个案子中有用的东西。
我张贴了一份可能的解决方案草案，并希望有其他办法和更好的办法。
我还对已经存在的模块(jQuery或其他模块)感兴趣，以便在这里提供帮助。
回答 1
Stack Overflow用户
回答已采纳
发布于 2013-06-06 11:47:00
关于相对定位：
我们希望在元素“#login”中添加一个注意事项：
- 插入一个具有绝对定位的新元素，作为
<body>节点的子元素。 - 通过从元素返回到
<body>并将相对位置相加，获得元素的绝对位置。(jQuery's position() would help) - 将便笺元素的左边/顶部设置为计算出的
#login的绝对位置加上其当前宽度
未回答:自动定位
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/16961268
复制相关文章
相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号