IE8 "加速器" IE8 新功能 IE8 bug
作者:admin 出处: 时间:08年09月18日
IE8 Beta2 style="FONT-FAMILY: 宋体"已经出来一些日子了，一直对它的/spanActivity（官方翻译成加速器） style="FONT-FAMILY: 宋体"的实现比较感兴趣。今天化了一些时间看了一些网络上的说明，然后给自己刚完成的网站添加了一个/spanActivity style="FONT-FAMILY: 宋体"。 style="FONT-FAMILY: 宋体" style="FONT-FAMILY: 宋体"加速器（/spanActivities style="FONT-FAMILY: 宋体"）本质上/span style="FONT-FAMILY: 宋体"是对鼠标右键功能的增强，主要供用户在其他网站上调用贵站的服务。要实现的 style="FONT-FAMILY: 宋体" style="FONT-FAMILY: 宋体"加速器/span/span style="FONT-FAMILY: 宋体"的作用就是当用户选择一个链接后，根据这个链接的地址调用这个/span style="FONT-FAMILY: Arial"Activity/span style="FONT-FAMILY: 宋体"生成一个短网址显示给用户。我的网站（短网址a href="http://duanwz.com/" color="#000000"http://duanwz.com/font/a）提供/span/span/span/span style="FONT-FAMILY: 宋体"类型于/spantinyurl的 style="FONT-FAMILY: 宋体"服务，就是网址压缩的服务。比如本日志的网址为/spana href="http://www.linglihu.com/Programmer/ie8-activity-for-duanwz.html" color="#000000"http://www.linglihu.com/Programmer/ie8-activity-for-duanwz.html/font/a style="FONT-FAMILY: 宋体"，经过短网址缩短后可以变成/spana href="http://duanwz.com/azla" color="#000000"http://duanwz.com/azla/font/a，使用上面两个地址可以到达同一个页面。
style="FONT-FAMILY: 宋体" 耳听为虚，眼见为实。下面给出一些使用过程中的截图：/span
img alt="" src="http://www.linglihu.com/upload/activity.png" /
把加速器添加到IE8中
img alt="" src="http://www.linglihu.com/upload/activity1.PNG" /
调用加速器
img alt="" src="http://www.linglihu.com/upload/activity2.PNG" /
调用结果
style="FONT-FAMILY: 宋体"总体上来说整个/spanactivity style="FONT-FAMILY: 宋体"的实现还是比较简单的，主要分为三部分：/spanXML style="FONT-FAMILY: 宋体"文件，/spanJS style="FONT-FAMILY: 宋体"语句和服务提供页面（比如/span*.aspx,*.asp,*.jsp,*.php style="FONT-FAMILY: 宋体"等）/span
style="FONT-FAMILY: 宋体"首先/span style="FONT-FAMILY: 宋体"我们先来看一下/spanXML style="FONT-FAMILY: 宋体"文件，/spanXML style="FONT-FAMILY: 宋体"文件用于定义/spanActivity style="FONT-FAMILY: 宋体"的一些参数。/span
style="BORDER-BOTTOM: #cccccc 1px solid; BORDER-LEFT: #cccccc 1px solid; PADDING-BOTTOM: 4px; BACKGROUND-COLOR: #eeeeee; PADDING-LEFT: 4px; PADDING-RIGHT: 5px; FONT-SIZE: 13px; BORDER-TOP: #cccccc 1px solid; BORDER-RIGHT: #cccccc 1px solid; PADDING-TOP: 4px"!--{cps..54}-- style="COLOR: #0000ff"?/span style="COLOR: #ff00ff"xml version="1.0" encoding="UTF-8"/span style="COLOR: #0000ff"?/span style="COLOR: #000000"
/span style="COLOR: #0000ff"/span style="COLOR: #800000"openServiceDescription /span style="COLOR: #ff0000"xmlns/span style="COLOR: #0000ff"="http://www.microsoft.com/schemas/openservicedescription/1.0"/span style="COLOR: #0000ff"/span style="COLOR: #000000"
/span style="COLOR: #0000ff"/span style="COLOR: #800000"homepageUrl/span style="COLOR: #0000ff"/span style="COLOR: #000000"http://duanwz.com//span style="COLOR: #0000ff"//span style="COLOR: #800000"homepageUrl/span style="COLOR: #0000ff"/span style="COLOR: #000000"
/span style="COLOR: #0000ff"/span style="COLOR: #800000"display/span style="COLOR: #0000ff"/span style="COLOR: #000000"
/span style="COLOR: #0000ff"/span style="COLOR: #800000"name/span style="COLOR: #0000ff"/span style="COLOR: #000000"短网址生成器/span style="COLOR: #0000ff"//span style="COLOR: #800000"name/span style="COLOR: #0000ff"/span style="COLOR: #000000"
/span style="COLOR: #0000ff"/span style="COLOR: #800000"icon/span style="COLOR: #0000ff"/span style="COLOR: #000000"http://duanwz.com/favicon.ico/span style="COLOR: #0000ff"//span style="COLOR: #800000"icon/span style="COLOR: #0000ff"/span style="COLOR: #000000"
/span style="COLOR: #0000ff"//span style="COLOR: #800000"display/span style="COLOR: #0000ff"/span style="COLOR: #000000"
/span style="COLOR: #0000ff"/span style="COLOR: #800000"activity /span style="COLOR: #ff0000"category/span style="COLOR: #0000ff"="duanwz"/span style="COLOR: #0000ff"/span style="COLOR: #000000"
/span style="COLOR: #0000ff"/span style="COLOR: #800000"activityAction /span style="COLOR: #ff0000"context/span style="COLOR: #0000ff"="link"/span style="COLOR: #ff0000" /span style="COLOR: #0000ff"/span style="COLOR: #000000"
/span style="COLOR: #0000ff"/span style="COLOR: #800000"execute /span style="COLOR: #ff0000"action/span style="COLOR: #0000ff"="http://duanwz.com/create.php"/span style="COLOR: #0000ff"/span style="COLOR: #000000"
/span style="COLOR: #0000ff"/span style="COLOR: #800000"parameter /span style="COLOR: #ff0000"name/span style="COLOR: #0000ff"="url"/span style="COLOR: #ff0000" value/span style="COLOR: #0000ff"="{link}"/span style="COLOR: #ff0000" type/span style="COLOR: #0000ff"="text"/span style="COLOR: #ff0000" /span style="COLOR: #0000ff"//span style="COLOR: #000000"
/span style="COLOR: #0000ff"//span style="COLOR: #800000"execute/span style="COLOR: #0000ff"/span style="COLOR: #000000"
/span style="COLOR: #0000ff"//span style="COLOR: #800000"activityAction/span style="COLOR: #0000ff"/span style="COLOR: #000000"
/span style="COLOR: #0000ff"//span style="COLOR: #800000"activity/span style="COLOR: #0000ff"/span style="COLOR: #000000"
/span style="COLOR: #0000ff"//span style="COLOR: #800000"openServiceDescription/span style="COLOR: #0000ff"/span style="COLOR: #000000"
/span/div
style="FONT-FAMILY: 宋体"下面对其中的一些参数予以简单的说明，更加具体的说明可以查看MS的a target="_blank" href="http://www.linglihu.com/Programmer/IE8-Activities-WhitePaper.html" color="#000000"白皮书/font/a：/span
ul style="MARGIN-TOP: 0in" type="disc"
li style="FONT-FAMILY: 宋体"homepageUrl：提供activity的网站地址，如/span style="FONT-FAMILY: 'Verdana', 'sans-serif'; COLOR: black; FONT-SIZE: 10pt"a href="http://duanwz.com/" color="#000000"http://duanwz.com//font/a/span /li
li style="FONT-FAMILY: 宋体"name：activity的名字，随便阿猫，阿狗都可以/span /li
li style="FONT-FAMILY: 宋体"icon: activity的图标/span /li
li style="FONT-FAMILY: 宋体"context：在什么上下文环境,可以使用"selection", "document", "link"中的一种/span /li
li style="FONT-FAMILY: 宋体"category：activity所属于的分类/span /li
li style="FONT-FAMILY: 宋体"action：activity调用的网页地址，类似于form的action/span /li
li style="FONT-FAMILY: 宋体"{link}：当前链接所在的URL地址，其他可以使用的值还有documentDomain, documentTitle, documentUrl, link, linkDomain, linkRel, linkText, linkType, selection/span /li
/ul
style="FONT-FAMILY: 宋体"有了/spanXML style="FONT-FAMILY: 宋体"文件我们还需要/spanJavaScript style="FONT-FAMILY: 宋体"语句让用户添加/spanActivity style="FONT-FAMILY: 宋体"到他的/spanIE8 style="FONT-FAMILY: 宋体"，这部分是比较简单的，主要通过/span window.external.addService('activity.xml style="FONT-FAMILY: 宋体"文件的路径/span'); style="FONT-FAMILY: 宋体"语句来实现。/span
style="FONT-FAMILY: 宋体"请在/spanJavaScript style="FONT-FAMILY: 宋体"中增加以下函数/span
style="BORDER-BOTTOM: #cccccc 1px solid; BORDER-LEFT: #cccccc 1px solid; PADDING-BOTTOM: 4px; BACKGROUND-COLOR: #eeeeee; PADDING-LEFT: 4px; PADDING-RIGHT: 5px; FONT-SIZE: 13px; BORDER-TOP: #cccccc 1px solid; BORDER-RIGHT: #cccccc 1px solid; PADDING-TOP: 4px"!--{cps..55}-- style="COLOR: #0000ff"function/span style="COLOR: #000000" addActivity() {
/span style="COLOR: #0000ff"try/span style="COLOR: #000000"{
window.external.addService(/span style="COLOR: #000000"'/span style="COLOR: #000000"activity.xml/span style="COLOR: #000000"'/span style="COLOR: #000000");
}
/span style="COLOR: #0000ff"catch/span style="COLOR: #000000"(e){
alert(/span style="COLOR: #000000"'/span style="COLOR: #000000"您没有使用IE8添加Acitivity,请使用IE8/span style="COLOR: #000000"'/span style="COLOR: #000000");
}
}/span/div
style="FONT-FAMILY: 宋体"然后在网页的任意位置添加以下内容，当用户点击这个链接后就会出现如第一张图片中的内容。/span
style="BORDER-BOTTOM: #cccccc 1px solid; BORDER-LEFT: #cccccc 1px solid; PADDING-BOTTOM: 4px; BACKGROUND-COLOR: #eeeeee; PADDING-LEFT: 4px; PADDING-RIGHT: 5px; FONT-SIZE: 13px; BORDER-TOP: #cccccc 1px solid; BORDER-RIGHT: #cccccc 1px solid; PADDING-TOP: 4px"a href="javascript:addActivity()"IE8 style="FONT-FAMILY: 宋体"加速/span/a
style="FONT-FAMILY: 宋体" style="FONT-FAMILY: Arial" /span最后比较重要的是服务提供页面。这个动态页面主要接受/spanActivity style="FONT-FAMILY: 宋体"的参数生成相应的内容并输出，本例中，我们得到/spanurl style="FONT-FAMILY: 宋体"这个参数的值，根据/spanurl style="FONT-FAMILY: 宋体"生成相应的短网址输出给用户。因为不同的语言实现过程有所差异，这里不再给出具体的实现过程，只给出大致思路。/span
style="BORDER-BOTTOM: #cccccc 1px solid; BORDER-LEFT: #cccccc 1px solid; PADDING-BOTTOM: 4px; BACKGROUND-COLOR: #eeeeee; PADDING-LEFT: 4px; PADDING-RIGHT: 5px; FONT-SIZE: 13px; BORDER-TOP: #cccccc 1px solid; BORDER-RIGHT: #cccccc 1px solid; PADDING-TOP: 4px"String url = Request[“url”]; // style="FONT-FAMILY: 宋体"得到/spanurl style="FONT-FAMILY: 宋体"参数/span
String shortUrl = generateShortUrl(url);// style="FONT-FAMILY: 宋体"根据/spanurl style="FONT-FAMILY: 宋体"生成短网址/span
Response.write (shortUrl);// style="FONT-FAMILY: 宋体"输出短网址/span/div
