IE8提供不錯(cuò)的體驗(yàn):Activities

2024-08-30 08:33:54

字體：大中小

供稿：網(wǎng)友

今天搶鮮體驗(yàn)了IE8 beta 1(以下簡稱IE8)，IE8提供了很多不錯(cuò)的體驗(yàn)，在此我不多述，我只就其中的Activities，想出點(diǎn)東東來。Activities中有一項(xiàng)是，當(dāng)用戶選擇了一段文本后，立即出現(xiàn)一個(gè)箭頭工具，這個(gè)工具可以展開，展開后，里面有豐富的服務(wù)，如百度搜索（要添加搜索引擎）、地圖搜索、翻譯等等。我也該為用戶做點(diǎn)什么吧，呵呵，當(dāng)然。舉一反三，我就做音樂服務(wù)吧。想想，如果選擇一段文本后，點(diǎn)擊“即時(shí)聽歌”，立即聽到，該多好。于是，二話不說，開始畫UI界面，寫代碼。
用Photoshop隨便找了個(gè)圖改了一下，就這樣吧，簡潔點(diǎn)好。
在API頁面里加上：
<a href="#" title="" onclick="window.external.AddService('../service.xml');">添加心情音樂即時(shí)聽歌到IE8</a>
另外上傳一個(gè)XML（service.xml）文件，文件內(nèi)容在下面；

點(diǎn)擊“添加心情音樂即時(shí)聽歌到IE8”鏈接，出現(xiàn)下面對(duì)話框；

點(diǎn)擊：“Add Provider”（添加提供者）;

添加成功的提示;

測(cè)試選中網(wǎng)頁中的butterfly，立即出現(xiàn)聽歌界面；大功告成！哈哈，開心！！！
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>心情音樂即時(shí)聽歌</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>
詳解：
代碼的關(guān)鍵在，<osreview /> 為鼠標(biāo)懸停在菜單項(xiàng)時(shí)執(zhí)行的動(dòng)作，使用get 方式（method="get" ），以UTF-8編碼（accept-charset="utf-8"）向地址（action）發(fā)送文本（type="text" ）類型的被選擇{selection}文本" ；
<os:execute />　這行則是點(diǎn)擊菜單項(xiàng)時(shí)執(zhí)行的動(dòng)作，屬性和上面一樣。
在此拋磚引玉，希望大家能夠想出更好的服務(wù)出來，微軟IE8本身提供劃詞搜索、翻譯、地圖搜索等服務(wù)，相信以后IE8會(huì)更精彩。

上一篇：設(shè)計(jì)網(wǎng)頁前端界面必備的技能

下一篇：網(wǎng)頁應(yīng)該設(shè)計(jì)為多少像素才合適?