瀏覽器兼容性

瀏覽器和頁(yè)間的兼容問(wèn)題瀏覽器兼容性01簡(jiǎn)介產(chǎn)生原因及解決方案瀏覽器大戰(zhàn)具的頁(yè)編碼方式目錄030204基本信息瀏覽器兼容性問(wèn)題又被稱為頁(yè)兼容性或站兼容性問(wèn)題，指頁(yè)在各種瀏覽器上的顯示效果可能不一致而產(chǎn)生瀏覽器和頁(yè)間的兼容問(wèn)題。在站的設(shè)計(jì)和制作中，做好瀏覽器兼容，才能夠讓站在不同的瀏覽器下都正常顯示。而對(duì)于瀏覽器軟件的開(kāi)發(fā)和設(shè)計(jì)，瀏覽器對(duì)標(biāo)準(zhǔn)的更好兼容能夠給用戶更好的使用體驗(yàn)。簡(jiǎn)介簡(jiǎn)介頁(yè)的瀏覽器兼容性指頁(yè)在各種瀏覽器上的顯示效果盡量保持一致的狀態(tài)，90年代末的瀏覽器大戰(zhàn)開(kāi)始時(shí)被廣泛使用。瀏覽器兼容的重要性：瀏覽器大戰(zhàn)瀏覽器大戰(zhàn)在InternetExplorer和NetscapeNavigator的爭(zhēng)戰(zhàn)中，兩個(gè)瀏覽器各自推出非標(biāo)準(zhǔn)的HTML語(yǔ)句(如Navigator的BLINK標(biāo)簽——閃爍效果，InternetExplorer的MARQUEE標(biāo)簽——跑馬燈效果)，以專有的特色功能分割市場(chǎng)。微軟以此產(chǎn)品差異化策略（英語(yǔ)：ProductDifferentation）成功開(kāi)發(fā)了一群忠實(shí)客戶和數(shù)量上有一定影響的IEOnly站。同時(shí)，頁(yè)瀏覽標(biāo)準(zhǔn)只規(guī)定了接口，并沒(méi)有接口實(shí)現(xiàn)的詳細(xì)規(guī)范，使得各瀏覽器對(duì)相同的功能使用了不同的實(shí)現(xiàn)方法，并導(dǎo)致了功能實(shí)現(xiàn)的差異。這些差異按程度由顯示方面到核心概念的都存在。瀏覽器兼容性就是指標(biāo)準(zhǔn)功能在各瀏覽器的差異程度，差異的解決方法是為瀏覽器兼容。

產(chǎn)生原因及解決方案產(chǎn)生原因及解決方案因?yàn)椴煌瑸g覽器使用內(nèi)核及所支持的HTML（標(biāo)準(zhǔn)通用標(biāo)記語(yǔ)言下的一個(gè)應(yīng)用）等頁(yè)語(yǔ)言標(biāo)準(zhǔn)不同；以及用戶客戶端的環(huán)境不同（如分辨率不同）造成的顯示效果不能達(dá)到理想效果。最常見(jiàn)的問(wèn)題就是頁(yè)元素位置混亂，錯(cuò)位。解決方案：對(duì)于一般用戶來(lái)說(shuō)應(yīng)該用ie8兼容模式瀏覽頁(yè),而不應(yīng)該用ie9或ie10渲染模式.很多用戶安裝ie10后發(fā)生很多頁(yè)顯示錯(cuò)亂,就是兼容性的原因,因?yàn)閕e10默認(rèn)的渲染模式是ie10.此時(shí)應(yīng)該將其改為ie7渲染模式。為什么用ie6/7渲染模式的原因如下:中國(guó)所有頁(yè)肯定都支持ie,支持ie就是支持ie內(nèi)核的所有瀏覽器.但并不一定支持chrome,firefox,雙核瀏覽器的高速模式,原因很簡(jiǎn)單,頁(yè)開(kāi)發(fā)人員沒(méi)有那么多時(shí)間和精力去兼容及測(cè)試那么多瀏覽器,開(kāi)發(fā)人員能讓頁(yè)在ie下正常工作已經(jīng)不錯(cuò)了,就這還老得加班呢,還有很多新需求和bug，測(cè)試人員還要去改渲染模式和頁(yè)打開(kāi)速度幾乎沒(méi)有關(guān)系,用戶感覺(jué)不到.對(duì)于站開(kāi)發(fā)者來(lái)說(shuō)，當(dāng)前暫沒(méi)有統(tǒng)一的能解決這樣的工具，最普遍的解決辦法就是不斷的在各瀏覽器間調(diào)試頁(yè)顯示效果，通過(guò)對(duì)css樣式控制以及通過(guò)腳本判斷并賦予不同瀏覽器的解析標(biāo)準(zhǔn)。具的頁(yè)編碼方式具的頁(yè)編碼方式下面是HTML和JavaScript的例子：以上代碼表示一個(gè)文字方塊，距離頁(yè)面左邊界100px和頁(yè)面上邊界100px。在NetscapeNavigator4系列中,使用以下JavaScript移動(dòng)上面的文字方塊。但是，在InternetExplorer4中，則要使用不同的代碼。為了移動(dòng)文字方塊的功能可以在兩個(gè)瀏覽器中運(yùn)行(即瀏覽器兼容性)，須使用以下代碼(在沒(méi)有跨瀏覽器的標(biāo)準(zhǔn)操作方法時(shí)的做法)更標(biāo)準(zhǔn)的語(yǔ)句(推薦使用)：以下