web開發之瀏覽器(四)----瀏覽器模式在開發中的影響及應用

開發中經常使用代碼以下:html

禁用IE8兼容模式(IE8兼容模式使用的是IE7的渲染方式)web

<meta http-equiv="X-UA-Compatible" content="IE=8" /> //設置內核爲IE8,這裏改變時,下面會自動改變
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE8" />//設置渲染文檔模式爲IE8

使用IE8兼容模式chrome

<meta http-equiv="X-UA-Compatible" content="IE=7" />//設置內核爲IE7,這裏改變時,下面會自動改變 
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" >//設置渲染文檔模式爲IE7

禁用某殺毒軟件的兩種瀏覽器的(不管是安全瀏覽器仍是極速瀏覽器)IE模式,瀏覽器

<meta name="renderer" content="webkit"/>//設置內核爲webkit,

 經常使用以下:安全

<meta http-equiv="X-UA-Compatible" content="IE=11;IE=10;IE=9; IE=8;" /> 
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE11;IE=EmulateIE10;IE=EmulateIE9;IE=EmulateIE8" />

另外還有一種服務器

<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">

這個可能不少人就不知道了,由於這個是chrome開發的一個東西被--牆-了,因此用的人很少。框架

這是谷歌的外掛:Google Chrome Frame(谷歌內嵌瀏覽器框架GCF)。這個插件可讓用戶的IE瀏覽器外不變,但用戶在瀏覽網頁時,實際上使用的是Google Chrome瀏覽器內核,並且支持IE六、七、8等多個版本的IE瀏覽器,ide

而上文提到的那個meta標記,則是在是安裝了GCF後,用來指定頁面使用chrome內核來渲染。測試

GCF下載地址: http://code.google.com/intl/zh-CN/chrome/chromeframe/網站

安裝完成後,若是你想對某個頁面使用GCF進行渲染,只須要在該頁面的地址前加上 gcf: 便可,例如: gcf:http://cooleep.com

拓展:(瀏覽器各個模式原理分析)

首先,」瀏覽器模式」會影響服務器端對瀏覽器的判斷,

IE8+的模式包括三種瀏覽器模式

1,默認的模式

    即以自身默認的IE8或IE9的方式去解析渲染頁面

2,兼容模式

    IE8+的兼容模式至關於以IE7的方式打開頁面,此時不管頁面渲染方式仍是版本號都會變爲IE7,

    這種模式的改變影響的是瀏覽器的內核(引擎)和渲染引擎等因而徹底換了一個瀏覽器同樣

    這時候若是頁面代碼裏面的IE條件表達式或者IE版本JS的判斷,以及CSS都會影響

    注:兼容模式用於切換IE針對該網頁的默認文檔模式、對不一樣版本瀏覽器的條件備註解析、發送給網站服務器的用戶代理(User-Agent)字符串的值。網站能夠根據瀏覽器返回的不一樣用戶代理字符串判斷瀏覽器的版本和安裝的功能, 這樣就能夠向不一樣的瀏覽器返回不一樣的頁面內容。

3,文檔模式

    IE8+切換爲文檔模式之後影響的是瀏覽器的渲染引擎

    等於仍是以IE8+打開,可是頁面的排版方式(渲染引擎)改變了, 只有CSS會受到影響

    注:文檔模式用於指定IE的頁面排版引擎(Trident)以哪一個版本的方式來解析並渲染網頁代碼。切換文檔模式會致使網頁被刷新,但不會更改用戶代理字符串中的版本號,也不會從服務器從新下載網頁。切換瀏覽器模式的同時,瀏覽器也會自動切換到相應的文檔模式。

某殺毒軟件的瀏覽器模式(作開發時常常聽客戶說他們只用某毒的瀏覽器,因此這裏也講一下 汗。。。)

  極速模式,IE模式,兼容模式

   某毒的瀏覽器默認都是以極速模式打開的。可是有次我本地測試是極速模式,發佈之後就變爲IE模式了,因此仍是要設置一下比較好,具體再也不多說


    參考文章:http://www.iefans.net/shanchu-ie9-wenjianjia/   

                 http://www.iefans.net/ie-liulanqi-wendang-moshi-xuanran-ceshi/

相關文章
相關標籤/搜索