IE8 – 任平生

增加 Web Slices 支持

任平生 — Thu, 12 Feb 2009 07:35:26 +0000

最近对这个主题进行了一些小改进，主要就是增加了对 IE8 Web Slices 特性的支持。

增加 Web Slices 页面，提供了几个 Web Slices 供添加。不过感觉这似乎跟 RSS 基本无甚差别，然后又突发奇想给本Blog的评论增加 Web Slice 特性，得益于 WordPress Thread Comments 插件的嵌套评论让这一想法得以完美实现。

现在除了使用邮件获得自己评论是否被回复外，又多了一个途径：Web Slices。

如果你正在使用 Internet Explorer 8，当你鼠标移过本博的每条评论时，就会注意到每条评论的周围都会出现一个绿色的矩形框，这就是IE8发现 Web Slice 的提示，点击那个绿绿的 Web Slice 图标即可添加一个 Web Slice 到你的IE8收藏栏。

如此，当你的评论被回复时，IE8 的 Web Slices 会自动更新提醒你，这样你不用回到本博就可以看到对你评论的回复内容了

如果你也想给你的 WordPress 博客增加这样特性支持，十分容易。首先，我们了解一下 IE8 发现 Web Slices 的机制：

 class="hslice" id="mywebslice"> 
 class="entry-title">Web Slice 标题 
 class="entry-content"> 
web slice 内容 

当IE8浏览器浏览这个页面时，发现了html 标签的 class 属性： "hslice” ,"entry-title”,"entry-content” 按既定顺序出现，并且内容完整，就会将其标记为一个 Web Slice。所以，你只需给你的页面添加如 "hslice”，"entry-title”，"entry-content” 的属性就可以让你的页面支持 IE8 的 Web Slices 特性了。(注意：第一行代码中 id 也是必不可少的，id 用来确定一个页面中多个 web slice 的唯一性)

了解了这些，我们就可以对自己的主题文件中的 comments.php 进行修改了，这里提供一个修改后的代码供参考（以默认主题为例）：

 echo $oddcomment;?>id="comment- comment_ID(?>" class="hslice"> 
 comment_author() ?> 的评论
 
 
 echo get_avatar( $comment, 50 ?> 
 comment_author_link(?> Says: 
 if ($comment->comment_approved == ‘0’): ?> 
Your comment is awaiting moderation.  
 endif; ?>  

 
 comment_ID(?>" title=""> comment_date(‘F jS, Y’?> at  comment_time ?>  edit_comment_link(‘edit’,‘  ’,”)?> 
 comment_text(?>  
  
 

Web Slices的确是个很棒的功能，它让人们可以订阅网页上自己需要持续关注的某一部分内容的更新而非整个页面，这是RSS所不能及的。如果有更多浏览器支持 Web Slices 特性就好了。

有关 IE8 Web Slices 开发的文档，可到这里下载。下边是 IE8 Web Slices 特性的介绍视频：

ps. 如果你在浏览本博时发现页面错位，图片错乱等问题，先用 Ctrl + F5 强制刷新页面，如果问题依然存在，请留言告知