脚本之家 服务器常用软件
快捷导航
您的位置：主页 > 网页制作 > 心得技巧 >

IE8提供不错的体验:Activities

互联网   发布时间：2008-10-17 19:59:20   作者：佚名   我要评论
今天抢鲜体验了IE8 beta 1(以下简称IE8)，IE8提供了很多不错的体验，在此我不多述，我只就其中的Activities，想出点东东来。Activities中有一项是，当用户选择了一段文本后，立即出现一个箭头工具，这个工具可以展开，展开后，里面有丰富的服务，如百度搜索（要添加搜索引擎

今天抢鲜体验了IE8 beta 1(以下简称IE8)，IE8提供了很多不错的体验，在此我不多述，我只就其中的Activities，想出点东东来。Activities中有一项是，当用户选择了一段文本后，立即出现一个箭头工具，这个工具可以展开，展开后，里面有丰富的服务，如百度搜索（要添加搜索引擎）、地图搜索、翻译等等。我也该为用户做点什么吧，呵呵，当然。举一反三，我就做音乐服务吧。想想，如果选择一段文本后，点击“即时听歌”，立即听到，该多好。于是，二话不说，开始画UI界面，写代码。
用Photoshop随便找了个图改了一下，就这样吧，简洁点好。
在API页面里加上：
<a href="#" title="" onclick="window.external.AddService('../service.xml');">添加心情音乐即时听歌到IE8</a>
另外上传一个XML（service.xml）文件，文件内容在下面；

点击“添加心情音乐即时听歌到IE8”链接，出现下面对话框；

点击：“Add Provider”（添加提供者）;

添加成功的提示;

测试选中网页中的butterfly，立即出现听歌界面；大功告成！哈哈，开心！！！
XML核心代码：
<?xml version="1.0" encoding="UTF-8"?>
<os:openServiceDescription xmlns:os="http://www.microsoft.com/schemas/openservicedescription
/1.0">
<os:homepageUrl>http://www.***.cn/</os:homepageUrl>
<os:display>
<os:name>心情音乐即时听歌</os:name>
<os:icon>http://www.nihaoku.cn/favicon.ico</os:icon>
<os:description>选择歌名立即听到歌曲。</os:description>
</os:display>
<os:activity category="Discover">
<os:activityAction context="selection">
<os:preview type="text" accept-charset="utf-8" action="http://www.***.cn/ff/ie8.htm#{selection}" method="get" />
<os:execute type="text" accept-charset="utf-8" action="http://www.***.cn/?{selection}" method="get" />
</os:activityAction>
</os:activity>
</os:openServiceDescription>
详解：
代码的关键在，<osreview /> 为鼠标悬停在菜单项时执行的动作，使用get 方式（method="get" ），以UTF-8编码（accept-charset="utf-8"）向地址（action）发送文本（type="text" ）类型的被选择{selection}文本" ；
<os:execute />　这行则是点击菜单项时执行的动作，属性和上面一样。
在此抛砖引玉，希望大家能够想出更好的服务出来，微软IE8本身提供划词搜索、翻译、地图搜索等服务，相信以后IE8会更精彩。

相关文章

  • web开发中的长度单位小结

    这篇文章主要介绍了web开发中的长度单位主要包括px,pt，em等,需要的朋友可以参考下
    2023-08-06

  • 网页前端开发的一些尺寸单位(px,rem单位)

    px单位是绝对单位，一般用于pc端网页开发,因为是绝对单位所以在移动端上的使用体验并不是很好,rem它是描述相对于当前根元素字体尺寸，是相对单位,它可以根据根元素的变换而
    2023-08-06

  • WEB前端优化必备js/css压缩工具YUI-compressor详解与集成用法

    压缩工具层次不穷，各有优点，选择适合的压缩工具为将来做项目开发使用是一件很重要的事情！！在这介绍YUI-compressor,需要的朋友可以参考下
    2023-06-21

  • html,css,javascript是怎样变成页面的

    浏览器是多进程的，有浏览器主进程，网络进程，渲染进程，插件进程等，在将html，css，javascript解析成一个页面的时候，就需要多个进程的分工合作
    2023-05-01

  • 常用Mime类型汇总

    本文为大家整理了常用的文件对应的MIME类型，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
    2022-04-25

  • postman中form-data、x-www-form-urlencoded、raw、binary的区别介绍

    这篇文章介绍了postman中form-data、x-www-form-urlencoded、raw、binary的区别，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
    2021-12-28

  • 网页中使用Unicode字符的介绍(&#,\u等)

    国际组织制定了可以容纳世界上所有文字和符号的字符编码方案，称为Unicode，是通用字符集Universal Character Set的缩写，用以满足跨语言、跨平台进行文本转换、处理的要求
    2021-11-27

  • 前端实现字符串GBK与GB2312的编解码(小结)

    这篇文章主要介绍了前端实现字符串GBK与GB2312的编解码(小结)，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
    2020-12-02

  • 告别硬编码让你的前端表格自动计算的实例代码

    这篇文章主要介绍了告别硬编码让你的前端表格自动计算,本文通过实例代码给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下
    2020-09-27

  • 浅析Table 和 div 的简介及用法

    这篇文章主要介绍了浅析Table 和 div 的简介及用法,本文通过实例代码给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下
    2020-08-25

最新评论

关注微信公众号

扫一扫