原文:http://hi.baidu.com/vickeychen/blog/item/de6fd239743c8ef73a87ce9a.html
今天看了blueidea上一篇《IE8的WebSlices 》的文章,其實(shí)IE8 beta 1 剛發(fā)布那天我也有新的體驗(yàn)——和WebSlices 體驗(yàn)不同。
今天搶鮮體驗(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)下面對話框;
點(diǎn)擊:“Add Provider”(添加提供者);
添加成功的提示;
測試選中網(wǎng)頁中的butterfly,立即出現(xiàn)聽歌界面;大功告成!哈哈,開心。。
XML核心代碼:
<?xml version="1.0" encoding="UTF-8"?> <os:openServiceDescription xmlns:os="<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ì)更精彩。
經(jīng)典論壇討論: http://bbs.blueidea.com/thread-2836634-1-1.html
本文鏈接:http://m.95time.cn/tech/web/2008/5466.asp
出處:藍(lán)色理想
責(zé)任編輯:bluehearts
◎進(jìn)入論壇網(wǎng)頁制作、WEB標(biāo)準(zhǔn)化版塊參加討論,我還想發(fā)表評論。
|