本文介绍了一种网页截图工具的工作原理。通过在链接的href属性中嵌入简短的JavaScript代码来实现页面加载时立即执行的功能。该JS代码负责加载用于抓取和截图的另一段JS脚本及预设CSS样式。加载完成后，执行抓图脚本从页面中获取<img>标签的src属性，并创建新的DOM元素展示抓取到的图片。
实际上是个<a>链接，然后在href里加入一段比较简短的js代码（写在href里的原因在于，点击的时候可以立即执行），这段js代码的主要功能是载入真正进行抓图和截图的那段js（这段js可能还会载入预设好的一段css）。当进行抓图和截图的js载入成功后，就立即执行，将页面内的图片按需抓取出来（大致就是取得到<img>的src属性）然后新建个dom节点，把抓出来的<img>插进去，显示出来，就OK了~
之前模仿花瓣做过一个类似的小工具，我能想到的大概原理就是这样。
之前模仿花瓣做过一个类似的小工具，我能想到的大概原理就是这样。
未看過他們的實現方式，以webqq中截圖插件的實現方式的經驗，具體有兩種可能的方案：第一種方式自然是js直接調用chrome提供的截圖api；第二種通過chrome支持native c／c++ 實現插件，webqq即採用的此方式
扫一扫
1674
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
