`
fuerbosi
  • 浏览: 462757 次
文章分类
社区版块
存档分类
最新评论

类似于花瓣、发现啦的 Chrome 的插件截图功能是如何实现的?具体的实现原理是什么?

 
阅读更多
实际上是个<a>链接,然后在href里加入一段比较简短的js代码(写在href里的原因在于,点击的时候可以立即执行),这段js代码的主要功能是载入真正进行抓图和截图的那段js(这段js可能还会载入预设好的一段css)。当进行抓图和截图的js载入成功后,就立即执行,将页面内的图片按需抓取出来(大致就是取得到<img>的src属性)然后新建个dom节点,把抓出来的<img>插进去,显示出来,就OK了~
之前模仿花瓣做过一个类似的小工具,我能想到的大概原理就是这样。
未看過他們的實現方式,以webqq中截圖插件的實現方式的經驗,具體有兩種可能的方案:第一種方式自然是js直接調用chrome提供的截圖api;第二種通過chrome支持native c/c++ 實現插件,webqq即採用的此方式
分享到:
评论

相关推荐

Global site tag (gtag.js) - Google Analytics