一、為何要重視網(wǎng)站與瀏覽器兼容
（一）影響用戶(hù)體驗(yàn)
互聯(lián)網(wǎng)時(shí)代瀏覽器種類(lèi)多，渲染引擎與解析規(guī)則有差異，同一網(wǎng)站代碼在不同瀏覽器顯示效果常不同，如頁(yè)面布局、功能使用方面會(huì)出問(wèn)題，影響用戶(hù)體驗(yàn)，對(duì)企業(yè)形象展示不利，確保兼容性很重要。
（二）滿(mǎn)足多樣訪(fǎng)客需求
使用互聯(lián)網(wǎng)人群龐大多樣，瀏覽器各不相同且不斷更新，移動(dòng)端瀏覽器也繁多，企業(yè)建網(wǎng)站無(wú)法預(yù)知訪(fǎng)客用哪種瀏覽器，需確保網(wǎng)站在各類(lèi)瀏覽器下正常展示，以滿(mǎn)足訪(fǎng)客需求，擴(kuò)大影響力和覆蓋面。
二、主流瀏覽器有哪些
（一）主流瀏覽器
全球幾款主流瀏覽器應(yīng)用廣、占有率高，是企業(yè)網(wǎng)站重點(diǎn)兼容對(duì)象。
IE瀏覽器是微軟老牌網(wǎng)頁(yè)瀏覽器，曾是Windows默認(rèn)瀏覽器，早期占主導(dǎo)，對(duì)舊網(wǎng)頁(yè)等兼容性好，現(xiàn)份額被取代但特定場(chǎng)景仍用。
火狐瀏覽器2004年發(fā)布，開(kāi)源、快速、安全、可定制，隱私保護(hù)佳。
谷歌瀏覽器2008年發(fā)布，簡(jiǎn)潔、快速、安全，頁(yè)面加載快、運(yùn)行穩(wěn)，擴(kuò)展生態(tài)強(qiáng)。
蘋(píng)果瀏覽器是蘋(píng)果默認(rèn)瀏覽器，界面簡(jiǎn)潔、操作流暢、功能全，在蘋(píng)果設(shè)備性能優(yōu)。
Opera瀏覽器歷史久，快速、穩(wěn)定、安全，有實(shí)用功能。
（二）各瀏覽器特點(diǎn)差異
不同瀏覽器對(duì)網(wǎng)頁(yè)技術(shù)解釋不同，網(wǎng)頁(yè)代碼在各瀏覽器顯示效果有差異。
如IE瀏覽器早期對(duì)新網(wǎng)頁(yè)標(biāo)準(zhǔn)支持滯后，處理含新特性網(wǎng)頁(yè)效果可能不佳，但舊網(wǎng)頁(yè)兼容性好。
火狐瀏覽器自定義強(qiáng)、隱私好，但特定網(wǎng)站可能有樣式偏差，內(nèi)存占用有時(shí)高。
谷歌瀏覽器JavaScript執(zhí)行效率高、頁(yè)面響應(yīng)快，但收集數(shù)據(jù)受質(zhì)疑，對(duì)特定網(wǎng)頁(yè)有兼容性問(wèn)題。
蘋(píng)果瀏覽器在蘋(píng)果系統(tǒng)性能佳、流暢度高，非蘋(píng)果系統(tǒng)支持有限，插件少。
Opera瀏覽器有特色功能，但市場(chǎng)占有率不如其他幾款，部分網(wǎng)頁(yè)加載可能緩慢。
總之，主流瀏覽器特點(diǎn)差異決定企業(yè)做網(wǎng)站要考慮兼容性以滿(mǎn)足用戶(hù)需求。
三、網(wǎng)站建設(shè)階段如何確保兼容
（一）遵循頁(yè)面開(kāi)發(fā)標(biāo)準(zhǔn)
依W3C標(biāo)準(zhǔn)開(kāi)發(fā)網(wǎng)站重要，涵蓋多項(xiàng)技術(shù)規(guī)范，按標(biāo)準(zhǔn)寫(xiě)代碼并驗(yàn)證，可解決大部分瀏覽器兼容問(wèn)題。如規(guī)范寫(xiě)HTML代碼、遵循CSS標(biāo)準(zhǔn)能減少兼容性問(wèn)題，完成標(biāo)準(zhǔn)開(kāi)發(fā)后，再針對(duì)性測(cè)試調(diào)整個(gè)別瀏覽器差異來(lái)實(shí)現(xiàn)兼容展示。

（二）采用合適技術(shù)框架
選兼容性好的技術(shù)框架利于兼容，如jquery框架免費(fèi)、開(kāi)源，能簡(jiǎn)化操作且兼容多瀏覽器，使用可省時(shí)間精力、提效率。Bootstrap等框架也能助力，開(kāi)發(fā)者按需選用。
（三）合理進(jìn)行網(wǎng)頁(yè)布局
用div+css布局時(shí)，考慮不同瀏覽器分辨率差異，算好div寬度等要素，因不同瀏覽器對(duì)CSS解析不同，設(shè)置屬性顯示效果有別，需用技巧調(diào)整樣式。同時(shí)考慮不同設(shè)備屏幕分辨率，反復(fù)測(cè)試調(diào)整適配關(guān)系，讓網(wǎng)站呈現(xiàn)良好頁(yè)面效果。
四、完成建設(shè)后如何測(cè)試兼容
 
（一）CSS兼容性測(cè)試
主流瀏覽器對(duì)CSS解釋標(biāo)準(zhǔn)差異不大，但仍需測(cè)試。網(wǎng)站建成后，全面檢查CSS在各瀏覽器中的兼容性，查看樣式顯示異常情況?？墒謩?dòng)在多款主流瀏覽器對(duì)比查看，IE6若有依賴(lài)用IETester查看。做好測(cè)試?yán)诰W(wǎng)站樣式美觀(guān)，提升瀏覽體驗(yàn)。
（二）JavaScript兼容性測(cè)試
各主流瀏覽器對(duì)JavaScript解釋不同，運(yùn)行代碼可能有功能、報(bào)錯(cuò)、效果不一致等問(wèn)題?？赏ㄟ^(guò)相關(guān)方式判斷支持情況，或利用測(cè)試網(wǎng)站、工具檢測(cè)。實(shí)際開(kāi)發(fā)中借助兼容性好的框架（如jQuery）解決js兼容性問(wèn)題。
（三）借助測(cè)試工具調(diào)試

檢測(cè)網(wǎng)站兼容性時(shí)，借助專(zhuān)業(yè)測(cè)試工具事半功倍。如BrowserStack、CrossBrowserTesting等工具各具特色，開(kāi)發(fā)者按需選用確保網(wǎng)站兼容。
五、兼容工作中的常見(jiàn)錯(cuò)誤與應(yīng)對(duì)
（一）只重視單一瀏覽器
企業(yè)做網(wǎng)站時(shí)，有些只重網(wǎng)站在一種瀏覽器（如Chrome）顯示效果，忽略其他瀏覽器。但用戶(hù)用的瀏覽器多樣，若網(wǎng)站只適配一款，其他瀏覽器訪(fǎng)客訪(fǎng)問(wèn)時(shí)可能遇頁(yè)面錯(cuò)亂、功能無(wú)法正常使用等問(wèn)題，影響企業(yè)形象與業(yè)務(wù)拓展。企業(yè)應(yīng)樹(shù)立全面兼容意識(shí)，開(kāi)發(fā)和測(cè)試網(wǎng)站時(shí)考慮多款主流瀏覽器。
（二）忽視頁(yè)面更新影響
瀏覽器不斷更新?lián)Q代，對(duì)網(wǎng)頁(yè)標(biāo)準(zhǔn)等方面有變化，以往網(wǎng)站可能因?yàn)g覽器更新出現(xiàn)兼容問(wèn)題，如CSS屬性解析調(diào)整致頁(yè)面元素樣式錯(cuò)亂，JavaScript新特性支持不同使交互功能無(wú)法正常運(yùn)行。企業(yè)要關(guān)注瀏覽器更新，更新后對(duì)網(wǎng)站重新調(diào)試，可手動(dòng)測(cè)試或借助兼容性測(cè)試工具查看兼容問(wèn)題。