不看不知道，发现IE8的功能非常强大，其中最眼的便是其强大的代码调试工具Q同Firebug的距d~小了一大步。除此之外，IE8q有两个令h眼睛一亮的功能QWebCast和Activity(为方便尝试，本文采用http://ie8.taobao.com/list.php作ؓCZQ这是淘宝针对IE8New Features 提供的Preview 面Q支持Web Cast和Activity??
1. Developer Tools
Developer Tools 提供了三个Tab, HTML\CSS\ScriptQ其中，HTML Tab昄DOM树，CSS Tab昄CSS样式表，Script Tab会提供页面源代码Qƈ方便我们对JavaScript的调试。有Q这?a >什么稀奇的呢？先别急，我们先看看Debug的功能：
当我们点M"Start Debugging"的按钮后Q就可以讄在Javascript脚本中设|断点了Q这令在IE中调试动态语a的梦惛_成了现实。然后可以在右侧的窗口中查看pȝ中Local变量当前的倹{同其他E序语言的调试工具一P可以Step into, Step over, 查看调用栈以及添加查看的变量{。另外，Developer Toolsq提供了Immediate Window允许开发者在当前的上下文环境中撰写Script代码q立xC结果?
更ؓ奇的是HTML Tab。HTML Tab除显CDOM树之外，在其右侧H口q会Ҏ选择的DOM节点Q显C每个标{用的CSS样式表，当前标签的Layout模型Q每个样式承自何处Q都可以非常直观的看到。而且Q当我们想知道去掉某个CSS样式后的|页效果Ӟ只需要将CSS表中相应的checkLQ就可以立即在原始网中观察到效果！
除此以外QDeveloper Tools提供了View和OutLine两个MenuQOutLine菜单提供了对不同的HTML元素的高亮显C（同FireFox提供的功能类|Q而View菜单对于|站设计者非常有用，提供?IE5”,"IE7","IE8"3U不同的模式预览面。开发者可以快速的页面的IE兼容性。（唉，如果IE或Firefox能够提供对对方品的兼容性就更好了。。。不q应该是遥遥无期的事情）
2. Web Cast
在淘宝的q个面中，当鼠标移动到列表中的商品Ӟ在左上方会出C个小图标 Q该图标提CZ用者可以将此条目加入Web剪辑中。鼠标选择该条目，会弹出Web Slice的提醒页面，选择“Add”之后Q在IE中便可以在Favorites中看到该Web Slice的导航标{了。单击该标签Q便可以看到商品的信息?br />
q是怎么做到的呢Q我们用Developer Tools来查看一下HTML代码Q发现所有的商品表格中都有类DL属性：
<tr class="hslice" id="item_5"> <td width="20%" valign="middle" align="center" height="90" class="entry-content"> <img src="http://img08.taobaocdn.com/bao/uploaded/i8/T1n8RbXb0n_QxtXcfX_114424.jpg_sum.jpg" border="0" title="装饰?无框?客厅/ 手绘油画/版画//客厅/ 0705DM1314" /></td> <td width="60%" height="90" class="entry-title"> <a target="_blank" href="http://auction1.taobao.com/auction/0/item_detail-0db2-ccabd3de2b21ee9744c062589e5be157.jhtml">装饰?无框?客厅/ 手绘油画/版画//客厅/ 0705DM1314</a> </td> <td width="20%" height="90" align="center" class="entry-content"> 一口h <span class="price"><sup style="color:#111;">K?/span></sup>59.00</span> <a style="display:none;" rel="feedurl" href="webslice/feed.php?itemID=ccabd3de2b21ee9744c062589e5be157&xID=0db2">订阅?nbsp;WebSlice</a> </td></tr>
支持Web Slice Support的关键的属性ؓ'class="hslice"', 'class='entry-content"'Qclass='entry-title'。WebSlice 使用 hAtom Microformat ?WebSlice 格式的组合来描述 Web 面的可预订部分。订阅WebSlice后，WebSlice标签昄的标题ؓentry-title中注明的标题Q在该例中，预览后显C的内容为entry-content链接的feed中最新的内容。请注意QWeb Slice会自动更新状态。比如，拍卖的商品剩余时间会׃点击Web Slice的时间不同而自动更新?/p>
3. Activities
在以前，我们使用复制和粘贴技术将一个网站有用的信息复制到另外一个网站?br />
比如Q我们在|上看到了一个朋友的联系地址Q想要用Google Map的服务，我们的做法是q样Q复制这个地址Q打开google mapQ然后粘贴该地址用于索。当我们惌再次q行查找Ӟ又要重复一遍这Lq程?
再比如，我们在网上看C一个QQP惌了解该QQLMh的相关信息。那么我们需要首先打开QQQ?a >然后查找QQ用户Q输入QQLQ得到搜索结果之后才能查看用户信息。。?
IE 8的ActivitiesҎ用户不再如此J琐。如果服务提供商能够遵@“OpenService zd”XML格式来指定HTTPh的格式，q且在网站中加入zd安装按钮Q则不需要用戯问相应的|站Q便可以使用服务了?
在淘宝IE8的页面中Q选择右侧的安装Taobao Activity按钮Q安装淘宝商品搜索Activity。然后，当选中某些相关的内容后Q会出现Activity动ToolbarQ选择该Q动ToolbarQ下拉列表中出现所有可用的服务。将鼠标Ud“淘宝搜烦”Item上，会自动弹出?2个搜索结果的囄。可以直接点d片以查看内容?
q是怎么实现的呢Q同样非常简单。只要在原来已有服务的基上，按照OpenService zdXML格式来描q服务，q提供发布活动的Ҏ可以了。下面ؓ淘宝的Open Service Definition代码Q?
<?xml version="1.0" encoding="UTF-8" ?><openServiceDescription xmlns="http://www.microsoft.com/schemas/openservicedescription/1.0"> <homepageUrl>http://www.taobao.com</homepageUrl> <display> <name>淘宝搜烦</name> <icon>http://www.taobao.com/favicon.ico</icon> </display> <activity category="查找"> <activityAction context="selection"> <preview action="http://ie8.taobao.com/activities/preview.php?query={selection}" /> <execute method="get" action="http://ie8.taobao.com/list.php?query={selection}" /> </activityAction> </activity></openServiceDescription>
如果要发布活动，需要运行如下javascript代码Qwindow.external.addService('<path> /GetMap.xml');
淘宝是通过如下Ҏ加入的：
2 function addActivity() {
3 if (navigator.userAgent.indexOf('MSIE 8') == -1) {
4 alert('请首先安装IE8.');
5 } else {
6 window.external.addService('activities/taobao-search.xml');
7 }
8 }
9 </script>
<!--HTML TAG--><button type="button" onclick="addActivity();">安装 Taobao Activity</button>
IE8当前已经支持的有下面q些zd服务Q你可以很容易的用上面的方式d自己的活动服务）Q?br />
mapQWindows Live Map、Google Maps、Yahoo!Maps、Mapquest
blogQWindows Live Spaces、Windows Live Writer、Blogger
defineQEncarta、Wikipedia、Dictionary.com
addQDel.icio.us、Reddit、Google Reader
translateQWindows Live Translation、Babelfish、Google Translation
IE8中还提供了活动本地化的方法，可以Ҏ用户的地域来提供不同内容的活动?br />
可从q个|站查看现有IE8支持的中文顶U活动：http://ie.microsoft.com/activities/zh-chs/default.aspx
该网站ؓIE8支持的英文顶U活动：http://ie.microsoft.com/activities/default.aspx
后记
IE8 Beta2?月䆾p出来了，不知会有什么更新更Shining的特性。但无论如何Q从IE8 Beta1来看QIE8的整体设计中Q对用户、代码开发h员以及服务提供商都提供了更ؓ强大的支持，有理由期待IE8能走的更q。我们不希望一家公司垄断某个品，我们希望的是Q在互相的竞争中Q能够最l给使用者带来更多的愉悦Q实现Y件本应实现的价倹{?/p>
W3C的徏议，HTML应该?/span>XHTML标准靠拢Q应?/span>XML的一个子集，量仅显C格式化的文本，而将文本的表现层?/span>HTML Body分离开来?/span>CSS对规范化HTML起到了不可替代的作用。今天我在做NewsletterӞ刚开始未使用MHTML表格标签Q在IE中正常，但是发现使用Outlook2007Ӟ布局全被打ؕ了。于是不得不重新用表D范化昄布局?/span>
不懂2007版ؓ何要作出q种技术调_在兼?/span>Word2007的同时牺牲对HTML支持Q?/span>
Outlook2007的开发者可能出于安全性和Office整合的方面考虑Q但是由于邮件系l天然的跟网l联pd一P?/span>HTML格式又是|络中最为通用的格式，牺牲?/span>HTML的全面支持可能得|不?/span>OutLook老用戗?/span>
可以参阅q篇很有名的文章Q?/span>
Microsoft takes email design back 5 years
http://www.campaignmonitor.com/blog/archives/2007/01/microsoft_takes_email_design_b.html
Jijia 告知了一?/span>Outlook 2007的验证工P可以使用?/span>HTML?/span>CSS标签是不是同OutLook 2007兼容Q?/span>
Outlook 2007 HTML and CSS Validator
另外Q?/span>OutLook?/span>Stationary的扩充也不如以前好用?/span>
]]>