DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> WEB網站前端 >> 關於網頁技巧 >> 設計經驗:不能忽視的遨游浏覽器的兼容問題
設計經驗:不能忽視的遨游浏覽器的兼容問題
編輯:關於網頁技巧     

網頁制作poluoluo文章簡介:傲游對開發人員的影響越來越大了.

不得不承認,傲游在用戶體驗方面是做得比較好的,所以它的用戶群非常大。也正因為如此,它的某些不好的特性也造成了開發人員不可忽略的浏覽器兼容問題。

Flash緩存?

前段時間在公司一個內部項目中,需要在網頁裡面嵌入一個批量上傳圖片的Flash。這本來是很簡單的事情,在IE、Firefox等浏覽器下也測試通過了,然而在傲游下卻出現了一個奇怪的問題:從第二次浏覽該網頁開始,Flash變成了一片空白。即使關閉了所謂的網頁加速,還是不正常。用 Google搜了一遍後,發現唯一的解決辦法是在文件地址後加一串隨機數避免緩存。
IE7 or IE8?

大部分Javascript框架使用navigator.userAgent判斷浏覽器類型,例如:
var userAgent = navigator.userAgent.toLowerCase();
jQuery.browser = {
  version: (userAgent.match( /.+(?:rv|it|ra|ie)[\/: ]([\d.]+)/ ) || [0,'0'])[1],
  safari: /webkit/.test( userAgent ),
  opera: /opera/.test( userAgent ),
  msie: /msie/.test( userAgent ) && !/opera/.test( userAgent ),
  mozilla: /mozilla/.test( userAgent ) && !/(compatible|webkit)/.test( userAgent )
};

當IE的版本是8.0時,傲游的設置中會出現一個“啟用IE8標准渲染模式”的選項。如果沒有勾上此選項,傲游默認用IE7模式進行渲染,userAgent中標識的版本也是IE7:
Mozilla/4.0 (compatible; MSIE 7.0; Windows NT 6.1; Trident/4.0; SLCC2; .NET CLR 2.0.50727; .NET CLR 3.5.30729; .NET CLR 3.0.30729; Media Center PC 6.0; CIBA; MAXTHON 2.0)

後來,我在網頁區域加上了X-UA-Compatible的設置:

此時網頁雖然是以IE8模式進行渲染,但userAgent中標識的版本仍然是IE7。

傲游2.5後的版本給我的感覺是越來越糟糕,在這裡期待一下Webkit核心的3.0版本。

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved