抛出问题

  • 情景A 小明在网上查找资料时（如百度百科、wiki），觉得网页上的一些话（错误或是重点）需要记录下来，于是使用截图的方式记录下来。

截图虽然比较方便，但是不方便还原及随后的查阅。

  • 情景B 小红和小蓝想对网上的一篇文章一起讨论学习。于是他们事先各自完成自己的任务，最后把总结文章互相分享出来。

上面的情景有统一问题是：需要共享自己在同一个网页上的数据。 其实类似的问题情景还有许多；比如我们前端工程师做的UI还原，UE图的共享等等。

针对上面类似的问题，做了一版产物雏形（还有很多需要完善的地方）- markme

Markme

markme snapshot

如图是 markme 在 wiki 页面上的效果，可以使用鼠标左键选中的方式来对页面文本进行标注，书写备注。

Markme leancloud

leancloud 是一个国内的云存储服务平台，利用该平台的数据存储能力，可以把我们在页面上的标注数据存储。

markme-leancloud 便是对 markme 和 leancloud 功能的整合。

同时搭配暴力猴(使用暴力猴可以在指定的页面注入额外的js代码)，可以对任意网页进行页面标注。脚本点这

产物实现原理

问题

  • 页面数据更新后，页面标注？

添加 content 属性，定位成功后，对比 content 是否一致？

  • 交互：click 触发可能会触发其他操作，应该如何优化？(hover like title)

提升

当然还是有可以提升的地方，如：

  • 书写 Chrome 插件
  • 协同编辑（使用leancloud API）
  • 更多样的交互