Snap Shots——网页预览服务

今天收到snap.com网站的通知邮件,说Snap Preview Anywhere服务已经不再提供使用了,取而代之的是新的Snap ShotsSnap Shots

我从2006年12月27日开始使用snap.com提供的Snap Preview Anywhere这个服务。这个服务用起来很简单,只要在网站上注册就可以获得一段代码,粘贴到Blog模板里就可以了。当浏览者把鼠标移动到某个链接上时,旁边将弹出一个气泡显示该网址的预览。从2007年2月17日Snap Preview Anywhere新增了一些选项用于配置显示效果,到2007年4月6日增加了包括简体中文在内的7种界面语言,这个服务变得越来越好用了。

新的Snap Shots服务会对一些特殊的URL地址显示一些特殊的预览。比如Wikipedia,可以显示条目的摘要,而不再是以前小的看不清字的预览图片。snap.com网站和这些内容提供商进行合作,使得浏览者可以获得更多的信息。能被特别处理的地址大多是一些知名网站的页面,下面一一介绍:

  • Wikipedia的条目地址,比如en.wikipedia.org/wiki/WordPress,将会显示WordPress条目开头的部分文字。不过,现在好像还不能支持非英文Wikipedia的内容,我用中文Wikipedia中的WordPress条目zh.wikipedia.org/wiki/WordPress测试,显示的仍然是英文Wikipedia中WordPress条目的内容。这个功能在中国大陆无法使用,因为预览帧的网址内包含Wikipedia的网址字样,会被GFW掉。
  • imdb中的条目,比如imdb.com/title/tt0376994/,将会显示影片的导演、演员、剧情、影片分类等信息。还有演员的条目,比如Nicole Kidman的条目,将会显示演员的生日、传记、主演影片等信息。
  • 一些股票网站的股票页面地址,比如finance.yahoo.com/q?s=goog,将会显示出该股票的即时信息。
  • YouTube视频地址,将会直接显示播放界面,点击一下就可以播放了。比如蜘蛛侠3的预告片、获得2006 YouTube视频奖Here It Goes AgainFree Hugs Campaign
  • Amazon网络书店的产品页面,比如C++ Primer (4th Edition),将会显示图书的一些相关信息。
  • flickr网站的图片页面,比如flickr.com/photos/pieper/131850425/flickr.com/photos/yggg/466212711/。这个功能现在好像还不怎么稳定,有时会显示原来的网站截图,有时会显示该地址的图片,有时会出现三张图片,分别是该地址的图片以及它前后的两张图片,这样用户可以直接在Snap Shots的小框框里浏览整个专辑里的图片。
  • 公司的最新新闻,比如苹果公司,可以显示该公司的最新的相关新闻。
  • MP3文件,比如Nine Million Bicycles,会弹出一个类似YouTube flv播放器的界面播放该MP3文件。Snap Shots会读取MP3中的tag,在预览框中显示该MP3的歌手名、歌曲名和专辑名称,还会根据专辑名称去Amazon网站读取专辑图片,确实是很方便。前面的示例MP3文件包含ID3v1标签和APEv2标签,而且各项信息都填写的很完整。我想,如果tag没填写专辑信息,Snap Shots应该无法找到专辑图片的。另外,点击预览框上方歌曲名称即可直接下载该MP3文件。这个功能很好用,完全可以替换掉Audio playerAudio player插件。不过,和Audio player一样,因为使用的是基于Flash的播放器,所以不能支持MP3以外的其他格式,比如WMA等,孙浩-燕子飞了秋风凉这首歌就是WMA的。没办法,Flash只支持MP3文件的播放,Adobe和MicroSoft关系不好呵。

其他一些设置可以参考snap.com Blog中的说明文章(这个Blog的feed里显示它使用的是WordPress 2.0.2,它咋就不怕被黑呢?还是有意这样写来迷惑黑客的?)。另外Snap Shots现在有中文界面,连帮助什么的都是中文的。虽然翻译的不怎么好,但是也并不难理解,毕竟我们都学了二十年中文了嘛,哈哈。

另外,Snap Shots还提供了一个了Snap Shots Markup Language Technical Specification(这个pdf文件的预览图片上方显示着Adobe Reader 7.0的标记,Snap Shots服务是使用IE自动截图的,可以保证预览图片和最终用户看到的页面基本接近。),可以用一些span标签来写一段代码,Snap Shots的JavaScript会自动读取这段代码并生成一个图标链接。大致看了一下,大多数都只有一个参数,只有MP3文件可以自行设置歌手名、歌曲名和专辑名称,不过我们完全可以在MP3文件的标签里添加这些信息,Snap Shots会自动读取的。而且在增加图标后,原来的代码好像不能自动隐藏掉,还要求使用者自己添加style="display:none"这样的代码。我觉得还不如自己写链接呢,起码可以保证feed中的正常显示。

其他的选项都继承自旧的Snap Preview Anywhere。你可以设置弹出框框的颜色、语言、尺寸、是否显示搜索框、是否预览外部链接、是否预览内部链接。一般可以把预览内部链接的选项关掉,这样只有外部链接才会弹出预览。另外还可以给链接后面加上个小图标,并可以设置鼠标移到图标上显示预览还是图标和链接上都显示预览。由于JavaScript的执行会影响页面的显示速度,所以你可以设置这段JavaScript延后执行,使得页面可以在显示完毕后再慢慢执行Snap Shots的JavaScript代码。

这个服务的速度很不错,网址预览图片的获取和显示都很快。不过,毕竟它的服务器在国外,象我这样空间在国内,而且又用了K2这样庞大的模板,有时截到的图会缺少背景图片。当第一次显示某个链接的截图的时候,会提示“该地址已经进入待处理队列,请待会回来检查”。一般不到半分钟再把鼠标移到这个链接上就可以看到截图了。

虽然邮件里说旧的Snap Preview Anywhere的代码不必替换,但是我看了一下,JavaScript脚本的网址好像改了。另外,我也想看看新的Snap Shots有什么新选项可以调整,所以我又到网站重新设置了一遍,然后把新的代码添加到了模板的footer.php文件里。

Snap Shots这个服务还是挺好的,不仅样子酷酷的,而且确实方便了Blog访客,值得使用。

本文共有 14 条评论Snap Shots——网页预览服务


  1. 1 Spider

    去年才开博的时候用过,觉得没多大意思就把代码取消了,以后可能也不会用Snap。。。

    但是据说使用Snap的几乎都是Wpers

  2. 2 Wady

    个人也不太喜欢一些稀奇古怪的功能……其实主要还是嫌这个 snap 挡视线……因为自己就是喜欢乱动鼠标……

  3. 3 CKEY

    从你的BLOG中认识的这个软件,其后一直在用,确实不错呀

  4. 4 ray1980

    功能还是不错的,我也在使用,就是点链接时经常被snap挡住。

  5. 5 ilihai

    以前也用这个玩意儿,一直用Firefox,没怎么查觉。但是容易造成不少Maxthon用户浏览器假死几秒,特别是机器不好的……我就删除了这个东东

  6. 6 kakyo

    為什么我的snap shot只在firefox才能顯示,但是同樣用greenbrower你的可以,我的就不行呢,指教

  7. 7 yskin

    不知道,代码都是一样的啊。

    唯一能想到的就是反广告软件可能会有影响,你可以开IE测试一下。

  8. 8 kakyo

    我用的是k2模板,是这个问题嘛?
    下面是我的footer.php

    is powered by WordPress

    鼠标放上去显示script error

  9. 9 kakyo

    这样对吗

  10. 10 publius

    您好!想请问您一下。我安装了snap shots的wordpress插件,也按照要求设定了,但是不知为什么自己页面上就是无法使用,无论什么链接都无法使用。
    其他网站的snap我可以正常看到的。

  11. 11 aviva

    我感觉你网站上的snap shots设置的尺寸大了些,一些访客的浏览器分辨率不高的话看起来会很突兀。

  12. 12 yskin

    可是还有很多人使用的大尺寸LCD,分辨率设的很高。以前我用的12px的字号就有人说看不清楚。

    我觉得预览起码要看清楚页面里的大标题才是。否则一个小小的预览图片,只看到一堆色块,太没意思了。

    不过看了下访问统计,访客中使用800*600分辨率的大概占6%,也是不小的数字啊。

  13. 13 tipin2007

    now google is also testing it.

    see
    http://www.searchmash.com/flash/search/#q=web:a380

    searchmash.com is google's test search engine

  1. 1 WP插件:Snap Shots-链接网页快照预览服务 | 帕兰的口袋
    Pingback2007-10-24 5:40 上午

请留下您的评论: