登录  
 加关注
查看详情
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

 

 

 
 
 

日志

 
 

Dotjum-IE 8 Accelerator 加速器開發介紹 get 篇 (Activities)  

2010-05-13 23:30:17|  分类: 网络技术 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |
标  题:IE 8 Accelerator 加速器開發介紹 get 篇 (Activities)
转载来源:Dotjum學習筆記(2008-09-20 22:07)

隨著  Windows Internet Explorer 8 Beta 2 IE8 繁體中文版  的發佈,IE 8 能讓程式設計人員更容易增加的小工具進去的 Accelerator 加速器,這篇將介紹如何簡單製作一個 IE 8 Accelerator 加速器來搭配 get 的模式,而講 get 模式實在有點玄,這邊就講白一點的方式,就是搭配 Querystring 傳遞,很多網站的功能都是透過傳遞關鍵的 Querystring  參數來顯示查詢的功能,透過 IE 8 Accelerator 加速器來將所選取反白的文字做一各快速的查詢是非常的簡單製作。

整個 IE 8 Accelerator 加速器的關鍵靈魂就是一個 xml 檔案

 
01 xml version="1.0" encoding="UTF-8"?>

02 <openServiceDescription
04   <homepageUrl>http://zh.wikipedia.org/< A>homepageUrl>
05   <display>
06     <name>Wiki< CODE>name>
08     <description>Wiki< CODE>description>
09   < CODE>display>
10   <activity category="share">
11     <activityAction context="selection">
12     <preview action="http://zh.wikipedia.org/w/index.php">
13             <parameter name="title" value="{selection}" />   
14          <parameter name="variant" value="zh-tw" />                                
15     < CODE>preview>
16       <execute method="get" action="http://zh.wikipedia.org/w/index.php" >
17         <parameter name="title" value="{selection}" type="text" />
18      <parameter name="variant" value="zh-tw" />  
19       < CODE>execute>  
20     < CODE>activityAction>
21   < CODE>activity>
22 < CODE>openServiceDescription>

 

而這篇將透過查詢 wiki 的範例,來做整個 xml 的說明,整個xml主要組成是由 <homepageUrl> 這三個區塊,而這三個區塊也將是設定的重要來源。 
一.
首先先介紹 homepageUrl ,這邊有一個非常重要要注意的,就是   的設定是跟 是相關的,當如果你設定 http:///www.dotblogs.com.tw 那 裡面的 action 網址,一定要是 http://www.dotblogs.com.tw 這個網域的才可以,如果是不同的網域,將會在IE8註冊進去Accelerator出現提示錯誤的視窗,這個Accelerator將無法註冊進去。 

二.
有三個標籤可以設定
name : 顯示在 IE8 加速器的名稱
icon: 顯示在IE8 加速器的小圖
description:描述功能

三.
category 屬性:顯示在 IE8 分類,有 map blog define add translate share 六種
context 屬性:預設為 selection ,目前選到反白的資料

而讓IE8能夠搭配指定的網站連結的關鍵就是 activityAction,activityAction 分兩個部分 previrew ( 執行加速器後先跑出預覽小視窗) , excute (跳至指定網頁來接QueryString)設定action部分就直接程式碼講解,action屬性為要去查詢的網頁,一般查詢wiki頁面上的網址列會顯示 http://zh.wikipedia.org/w/index.php?variant=zh-tw&title=查詢的內容這種透過QueryString方式的,就可以用 get  的方式,所以在action 裡的設定就是網址,而後面的參數,請不要直接串在 action 的網址列,而是增加 方式,在這個 wiki 的範例中,title 就是反白選取的資料 {selection} ,而另一個傳入變數 variant 則可再增加一個

<execute method="get" action="http://zh.wikipedia.org/w/index.php" >          <parameter name="title" value="{selection}" type="text" />       <parameter name="variant" value="zh-tw" />          < SPAN>execute>    

就這樣非常簡單的步驟,已經完成 IE 8 Accelerator 加速器的 wiki 設計,而 preview 的部分設定與 excute 一樣,只是要特別注意的是 preview 的部分必須考量到顯示的視窗 320 × 240,如果超過這個指定的大小,預覽的視窗就會不完整。

而要怎麼讓大家來安裝你的 IE 8 Accelerator 加速器,只需要發佈你的 xml 到網路上並搭配一個簡單的html頁面,加上以下的程式碼,就能將你做的IE 8 Accelerator 加速器分享給其他的朋友。

<button onclick="window.external.addService('http://demo.dotblogs.com.tw/dotjum/wiki.xml')">  Add Wiki< SPAN>button>

當然IE 8 Accelerator 除了 {selection} 可以使用當作值的傳遞外,在白皮書中還提到有 {documentUrl}{documentTitle},還有POST的等相關方法,在下一篇中,在跟大家介紹其他的應用。

安裝本範例網址http://demo.dotblogs.com.tw/dotjum/Activities.aspx

參考資源:
IE8 開發白皮書  (在這個版本白皮書中,Accelerator 加速器開發對應到文件是  Activities)

  评论这张
 
阅读(330)| 评论(0)

历史上的今天

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2018