推荐：Snap Shots——网页预览服务
by - 2007-6-11 15:20:43
在浏览怀浩的“七彩阁”时，发现他的页面上凡是有超级连接的内容后面都有一个小图标，当鼠标停留在上面时会出现此连接目标的网页预览，有意思，起初还以为是学校的计算机装了什么软件，可打开自己的为什么就没有呢？细细的看过后，发现预览窗口的右下脚有“Snap Shots”字样，baidu了一下，找到了Snap Shots.com网站，根据提示做，嘿，还真出现了＆他一样的效果。
相关链接：http://www.snap.com/
http://www.snap.com/about/shots.php?lang=zh-cn
更多资料：
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 Again和Free 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 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访客，值得使用。
- 上一篇：转:北京海艺学生侮辱年迈地理教师
- 下一篇：宝鸡方言版《大学自习曲》
