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属性:
支持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?
如果要发布活动,需要运行如下javascript代码Qwindow.external.addService('<path> /GetMap.xml');
淘宝是通过如下Ҏ加入的:
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>