是否存在提供URL的网站或书签,该网站或书签将输出该页面的屏幕快照?
理想情况下,应该有调整输出图像大小的选项。
是否存在提供URL的网站或书签,该网站或书签将输出该页面的屏幕快照?
理想情况下,应该有调整输出图像大小的选项。
Answers:
我想要可以捕获本地服务器的屏幕截图的东西,所以像Browsershots这样的Web服务不是我想要的。
因此,我使用html2canvas制作了一个Bookmarklet,它可以在本地捕获屏幕快照,并使用画布渲染元素。
要使用它,请将其复制为书签:
(function(d,w,h,s,i){w[h]||(s=d.createElement('script'),s.src='//html2canvas.hertzen.com/build/html2canvas.js',d.body.appendChild(s));i=setInterval(function(){w[h]&&clearInterval(i)||w[h](d.body,{onrendered:function(c){w.open().document.body.appendChild(c)}})},250)}(document,window,'html2canvas'));
然后,单击它,并可能允许其创建弹出窗口(该弹出窗口包含屏幕截图)。
例如,在Chrome上,您必须单击地址栏最右边的部分,如下所示:
然后单击与屏幕快照弹出窗口相对应的链接以将其打开。
d
,w
和h
参数最后传递(例如:)(function(d){/* d is now an alias to document */}(document))
。第四个参数和第五个参数只是占位符,我稍后会在占位符上使用它们,以便在var
声明中保存几个字符:)因此,在对代码进行代码查询时,我不会污染全局范围。
我知道它不是Web应用程序或小书签,但是我用于此目的的是一个名为Screengrab的Firefox插件。我不知道这是否适合您,但是您可以尝试一下(当然,如果您使用的是Firefox;并且我确定其他浏览器也会有其他类似的选择)
如果您正在寻找一个可以自动完成工作的wordpress插件,那么“简单的网站截图”就可以完成出色的工作。您可以指定缩略图大小等。
http://www.digg-it.info/wordpress-simple-website-screenshot-v-0-5
如果您想查看它的使用示例,请在我们自己的网站(http://productivewebapps.com)上使用它!(免责声明:我是该网站的所有者)