　

日志

关于我

yifeng

文章分类

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`

`03`	`xmlns="http://www.microsoft.com/schemas/openservicedescription/1.0">`

`04`	`<homepageUrl>http://zh.wikipedia.org/< A>homepageUrl>`

`05`	`<display>`

`06`	`<name>Wiki< CODE>name>`

`07`	`<icon>http://www.dotblogs.com.tw/favicon.ico< A>icon>`

`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)

评论这张

转发至微博

阅读(380)| 评论(0)

历史上的今天

this.p={  m:2,
              b:2,
              loftPermalink:'',
              id:'fks_080069093082080067086082085095085094082066083094080075',
              blogTitle:'Dotjum-IE 8 Accelerator 加速器開發介紹 get 篇 (Activities)',
              blogAbstract:'标　　题：IE 8 Accelerator 加速器開發介紹 get 篇 (Activities)<BR\>转载来源：<A target=\"_blank\" rel=\"nofollow\" href=\"http://www.dotblogs.com.tw/dotjum/archive/2008/09/20/5435.aspx\" \>Dotjum學習筆記</A\>(2008-09-20 22:07)   <HR\>    <P style=\"TEXT-INDENT: 2em;\"  \>隨著  <A rel=\"nofollow\" href=\"http://www.dotblogs.com.tw/dotjum/archive/2008/09/17/5405.aspx\"  \>Windows Internet Explorer 8 Beta 2 IE8 繁體中文版</A\>  的發佈，IE 8 能讓程式設計人員更容易增加的小工具進去的 Accelerator 加速器，這篇將介紹如何簡單製作一個 IE 8 Accelerator 加速器來搭配 get 的模式，而講 get 模式實在有點玄，這邊就講白一點的方式，就是搭配 Querystring 傳遞，很多網站的功能都是透過傳遞關鍵的 Querystring  參數來顯示查詢的功能，透過 IE 8 Accelerator 加速器來將所選取反白的文字做一各快速的查詢是非常的簡單製作。</P\>  ',
              blogTag:'加速器,ie,accelerator',
              blogUrl:'blog/static/183178682010413113017449',
              isPublished:1,
              istop:false,
              type:0,
              modifyTime:1316861819565,
              publishTime:1273764617449,
              permalink:'blog/static/183178682010413113017449',
              commentCount:0,
              mainCommentCount:0,
              recommendCount:0,
              bsrk:-100,
              publisherId:0,
              recomBlogHome:false,
              currentRecomBlog:false,
              attachmentsFileIds:[],
              vote:{},
              groupInfo:{},
              friendstatus:'none',
              followstatus:'unFollow',
              pubSucc:'',
              visitorProvince:'',
              visitorCity:'',
              visitorNewUser:false,
              postAddInfo:{},
              mset:'000',
              mcon:'',
              srk:-100,
              remindgoodnightblog:false,
              isBlackVisitor:false,
              isShowYodaoAd:false,
              hostIntro:'',
              hmcon:'1',
              selfRecomBlogCount:'0',
              lofter_single:'<iframe width="140" height="560" style="overflow:hidden;" src="http://www.lofter.com/mailEntry.do?blogad=1&blog" frameBorder="0"></iframe>'
            }

{list a as x}
    {if !!x}
    <div class="iblock nbw-fce nbw-f40">
      <a class="fc03 noul" target="_blank" hidefocus="true" href="http://blog.163.com/${x.visitorName}/">
      {if x.visitorName==visitor.userName}
      <img alt="${x.visitorNickname|escape}" onerror="this.src=location.f40" class="cwd bdwa bdc0" src="${fn1(x.visitorName)}&r=${visitor.imageUpdateTime}"/>
      {else}
      <img alt="${x.visitorNickname|escape}" onerror="this.src=location.f40" class="cwd bdwa bdc0" src="${fn1(x.visitorName)}"/>
      {/if}
      </a>
      <div class="cwd vname thide">
        {if x.moveFrom=='wap'}
          <a class="noul pnt" target="_blank" href="http://blog.163.com/services/wapblog.html?frompersonalbloghome"><span title="来自网易手机博客" class="iblock wapIcon"> </span></a>
        {elseif x.moveFrom=='iphone'}
          <a class="noul pnt" target="_blank"><span title="来自iPhone客户端" class="iblock iphoneIcon"> </span></a>
        {elseif x.moveFrom=='android'}
          <a class="noul pnt" target="_blank"><span title="来自Android客户端" class="iblock androidIcon"> </span></a>
        {elseif x.moveFrom=='mobile'}
          <a class="noul pnt" target="_blank" href="http://blog.163.com/services/emsblog.html?frompersonalbloghome"><span title="来自网易短信写博" class="iblock wapIcon"> </span></a>
        {/if}
        <a class="fc03 m2a"  target="_blank" hidefocus="true" href="http://blog.163.com/${x.visitorName}/">
          ${fn(x.visitorNickname,8)|escape}
        </a>
      </div>
    </div>
    {/if}
    {/list}

<#--最新日志，群博日志--> <#--推荐日志-->

<p class="fc06">推荐过这篇日志的人：</p>
    <div>
      {list a as x}
      {if !!x}
      <div class="iblock nbw-fce nbw-f40">
        <a class="fc03 noul" target="_blank" hidefocus="true" href="http://blog.163.com/${x.recommenderName}/">
        <img alt="${x.recommenderNickname|escape}" onerror="this.src=location.f40" class="cwd bdwa bdc0" src="${fn1(x.recommenderName)}"/>
        </a>
        <div class="cwd thide">
          <a class="fc03 m2a" target="_blank" hidefocus="true" href="http://blog.163.com/${x.recommenderName}/">
            ${fn(x.recommenderNickname,6)|escape}
          </a>
        </div>
      </div>
      {/if}
      {/list}
    </div>
    {if !!b&&b.length>0}
    <p  class="fc06">他们还推荐了：</p>
    <ul>
    {list b as y}
      {if !!y}
        <li class="rrb"><span class="iblock">·</span><a class="fc03 m2a" target="_blank" href="http://blog.163.com/${y.recommendBlogPermalink}/?from=blog/static/183178682010413113017449">${y.recommendBlogTitle|escape}</a></li>
      {/if}
    {/list}
    </ul>
    {/if}

<#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇，下一篇--> <#-- 热度 -->

{list a as x}
    {if !!x}
    <div class="hotItem iblock nbw-fce nbw-f40">
      <a class="fc03 noul" target="_blank" hidefocus="true" href="http://blog.163.com/${x.publisherUsername}/">
      {if x.publisherUsername==visitor.userName}
      <img alt="${x.publisherNickname|escape}" onerror="this.src=location.f40" class="cwd bdwa bdc0" src="${fn1(x.publisherUsername)}&r=${visitor.imageUpdateTime}"/>
      {else}
      <img alt="${x.publisherNickname|escape}" onerror="this.src=location.f40" class="cwd bdwa bdc0" src="${fn1(x.publisherUsername)}"/>
      {/if}
      </a>
      <div class="cwd vname thide">
        <a class="fc03 m2a"  target="_blank" hidefocus="true" href="http://blog.163.com/${x.publisherUsername}/">
          ${fn(x.publisherNickname,8)|escape}
        </a>
      </div>
      <a class="f-myLikeIcons hottype {if x.type==1} js-liketype{elseif x.type==2} js-reblogtype{elseif x.type==3} js-sharetype{else}{/if}" target="_blank" hidefocus="true" href="http://blog.163.com/${x.publisherUsername}/"> </a>
    </div>
    {/if}
    {/list}

<#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->

页脚

我的照片书 - 手机博客 - 下载LOFTER APP - 订阅此博客

导航

日志

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

历史上的今天

最近读者

热度

评论

页脚