给博客增加 IE 8 的 Web Slice 功能

Denis 2009年10月04日

什么是 Web Slice

Web Slice 是微软牌最新浏览器 IE 8 的一个新功能，Slice 是切片的意思，Web Slice 指的是网页上某一部分内容，比如你关心我爱水煮鱼上的最新留言，或者在我爱水煮鱼留了言希望得到回复，但是又不想时刻打开网页去查看，这个时候怎么办？Web Slice 就是为了解决这样的问题而推出的功能，它能让你订阅页面上的某一部分，让你直接在 IE 8 的收藏栏获得你关心部分的更新，而不用打开页面去查看。Web Slice 并且可以让你选择多久自动刷新更新，在 IE 8 收藏栏邮件点击你的 Web Slice，选择属性就可设置更新的频率了。

我爱水煮鱼最新日志 Web Slice

如何创建 Web Slice

微软网站有对 Web Slice 的详细介绍，并且 MSDN 网站上还提供了一个开发文档详解介绍如何开发 Web Slice。你只要查看这两个部分的内容就基本可以制作的 Web Slice 了。

Web Slice 的基本机制是：

<div class="hslice" id="webslice">
    <h1 class="entry-title">Web Slice Title</h1>
    <div class="entry-content">
        web slice Content
    </div>
</div>

IE 8 浏览器希望你把 Web Slice 放在一个 class 属性为 "hslice" 的标签里面，然后根据这个标签的 ID 的属性来定义这个 Web Slice 的 ID，然后通过 class 属性为 "entry-title" 和 "entry-content" 的标签来定义 Web Slice 的标题和内容， 所以我们只要把修改下主题，把相关的内容放到 class 属性为 "entry-content" 的标签中即可，比如把最新日志的列表放入 class 属性为 "entry-content" 的标签中，然后把相关日志的标题放到前面的 class 属性为 "entry-title" 的标签中，最后使用把它们放入一个 class 属性为 "hslice" 的标签中，定义这个 ID，就是一个最新日志的 Web Slice。

Web Slice for WordPress

给 WordPress 添加 Web Slice 功能其实非常简单的，现在已经有了现成的插件：

webslicer 这个插件可以产生 最新日志，最新留言，当前日志内容等 Web Slice，甚至可以设置手工更新的 Web Slice，这个插件支持 Widget，允许你在 Sidebar 插入添加 Web Slice 到 IE 8 收藏栏的按钮，非常方便。

WordSlice这个插件就弱一些，它目前只能产生最新日志的 Web Slice，如果没有很特殊的需求，也基本够用了。

Web Slice 在我爱水煮鱼上的应用

目前我在我爱水煮鱼添加了两个 Web Slice：

一个是最新日志的 Web Slice，如果你使用 IE 8 浏览器，那么当你鼠标移过日志页面的日志内容下面最新日志列表的时候，就会注意最新日志列表周围都会出现一个绿色的矩形框，这就是 IE 8 发现 Web Slice 的提示，点击那个绿色的 Web Slice 图标即可添加我爱水煮鱼的最新日志的 Web Slice 到你 IE 8 收藏栏。

我爱水煮鱼最新日志 Web Slice

你也可以直接在 IE 8 中订阅我爱水煮鱼最新日志的 Web Slice：

添加我爱水煮鱼最新日志的 Web Slice

另外一个是留言回复的 Web Slice，你把鼠标移到留言区的每条留言，就可以看到和上面同样的绿色的 Web Slice 图标，这样你在博客上留言需要获取回复的时候，即使博主没有安装留言回复通知 Comment Reply Notification 这样的插件，你也可以通过 Web Slice 功能获取更新。

我爱水煮鱼留言回复 Web Slice

订阅之后在 IE 收藏栏查看的效果：

我爱水煮鱼留言回复 Web Slice