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

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

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