顯示具有 HTML 標籤的文章。 顯示所有文章
顯示具有 HTML 標籤的文章。 顯示所有文章

2009/02/18

Maximum URL length is 2,083 characters in Internet Explorer

Maximum URL length is 2,083 characters in Internet Explorer

URL的長度最大是2,083字元,Get的長度最大則是2,048字元

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>


其他參考資料:

2009/01/22

使用 VRTA 加快網頁速度的 12 個步驟

這是我同事Luke在週會上分享的主題,對於前端工程師來說相當的有幫助,有時候會覺得該作都都作的差不多了,但為何網頁還是會慢呢?

分析後就能很快的找到問題所在,對症下藥改善缺失。

也提供了幾個soultion,像css小圖合併,減少零零散散的小圖loading...等等。

分享幾個連結:

使用 Visual Round Trip Analyzer 加快網頁速度的 12 個步驟
http://msdn.microsoft.com/zh-tw/magazine/dd188562.aspx#id0100011

CSS整形與最佳化工具
http://www.isparkle.cn/show/csstidy/?lang=zh

CSS 圖片合併產生器
http://spritegen.website-performance.org/

軟體工程的重要的指標