otagSnapr网页截屏

今天收到otag开发小组的一封邮件,其中提到新推出的网页截屏工具otagSnapr。目前同类型的工具很多,otagSnapr的优势在于用户可以自定义网页截屏结果的宽度和长度。网站提供一个地址给用户,只要修改其中的参数就能立即应用,使用非常简单。网页本身代码存在些须问题,IE7下会走位,文字不小心跑到DIV外边去;下边图片也会不小心覆盖了输入框。

Include screenshots to My website
After the screenshots is captured. you may include it to your website,Just use the following URL: http://snap.otag.cn/screen?url=[url]&w=[width]&h=[height]
Of course, just replace [url]、[width] and [height] to make the magic happen. You can get up to free sizes by setting w and h parameter.

对于中文站点采用英文介绍,感觉上有点怪异,为什么?好在其中的单词并不难理解,而且有中文“生成网页截图”介绍。测试一下效果 http://snap.otag.cn/screen?url=http://www.liqun.net&w=800&h=1024 发觉速度很快,能立即生成图片;这一点弥补了以上所有的缺点,毕竟达到主要效果以后其他的修饰都是多余的。特别根据这个代码做了一个代码回馈大家,拷贝这个代码到网页中就能自由使用。

<form action="http://snap.otag.cn/screen" target="_blank">
<input type="text" name="url" size="30" value="http://">
宽度:<input name="w" type="text" size="10">
高度:<input name="h" type="text" size="10">
<input type="submit" value="生成网页截图">
</form>

宽度: 高度:

以上是代码和显示效果,用户可以自定义更多方法来修饰这个效果;如果输入长度比真实网页小,显示效果将是网页截屏幕的缩略图;要是输入数字超过了网页本身宽度,就放大了实际效果。高度不重要,用户自由选择,不会影响显示效果;不过留空就会出错。这个功能oTag本站应用很成功;对于开放网站技术来服务大众的行为实在值得鼓励。如果可以的话,给otagSnapr提一个要求:不选择宽度和高度的情况下,完全截取当前页面。

网站地址:http://snap.otag.cn

发表评论

电子邮件地址不会被公开。 必填项已用*标注