2009/02/18

IE 8 新功能 : Web Slice 、Accelerators (加速器) 、Search Provider (搜尋提供者)

Accelerators 跟 Search Provider 都只要準備好xml檔即可

可參考:邊做邊學Internet Explorer 8:為你的網站穿上新衣 - Internet Explorer 8 新功能

講一下web slice

1.在某個div加入hslice即可


<div id="ws" class="hslice ProductName">

2.有幾個必要的class要加
hslice, feedurl 或 entry-content, entry-title


<div id="ws" class="hslice ProductContent">
<a rel="entry-content" href="display.aspx?pid=11122211" style="display:none;">
<div class="entry-title ProductTitle">
blackberry bold 9000 on sale!
</div>
</div>

3.feedurl及entry-content
entry-content --> display內的連結,必需使用 target="_blank" 另開視窗顯示,不然跳頁的頁面會在ie8裡的web slice小視窗中顯示
feedurl --> 連結不必特別處理,會在目前視窗中顯示,但必須使用xml格式

使用feedurl:


<div id="ws" class="hslice ProductContent">
<a rel="feedurl" href="myfeed.ashx?pid=11122211" style="display:none;"></a>
<div class="entry-title ProductTitle">
blackberry bold 9000 on sale!
</div>
</div>


myfeed.aspx:


<?xml version="1.0" encoding="big5"?>
<rss version="2.0" xmlns:mon="http://www.microsoft.com/schemas/rss/monitoring/2007">
<channel>
<title>my web slice feed</title>
<link>http://192.168.51.64</link>
<description>my web slice</description>
<pubDate>2009/2/18 下午 02:46:14</pubDate>
<ttl>1440</ttl>
<item>
<title>BlackBerry Bold 9000</title>
<link>http://192.168.51.64/product.aspx?pid=1112233</link>
<description><![CDATA[
<div>
<div><img src="http://192.168.51.64/myproduct.jpg"></div>
<div>product name : BlackBerry Bold 9000 on sale!</div>
<div>price : $17500</div>
<div><a href="http://192.168.51.64/pay/buynow.aspx">Buy Now!</a></div>
</div>
]]></description>
</item>
</channel>
</rss>


其他參考資料:

沒有留言:

軟體工程的重要的指標