確保網(wǎng)站跨瀏覽器兼容性的提示

響應(yīng)網(wǎng)站當(dāng)您擁有適合您網(wǎng)站的所有內(nèi)容并準(zhǔn)備上線時(shí)，有幾件事需要先檢查。其中之一是跨瀏覽器兼容性。

用戶可以瀏覽網(wǎng)站，包括不同的操作系統(tǒng)，不同的設(shè)備和不同類型的瀏覽器。您有責(zé)任確保您的網(wǎng)站與當(dāng)前可用的所有主要瀏覽器兼容，因?yàn)槟幌Ｍ驗(yàn)槟木W(wǎng)站在瀏覽器上無(wú)法正常工作而丟失任何訪問(wèn)者。正如您所看到的，谷歌Chrome占據(jù)了大部分市場(chǎng)份額，但FireFox和Internet Explorer、360瀏覽器等其他市場(chǎng)份額也不錯(cuò)。

確保您的網(wǎng)站開發(fā)人員遵循以下有關(guān)跨瀏覽器兼容性的提示。

1、定義有效的Doctype

Doctype告訴瀏覽器您在代碼中使用的規(guī)則類型。如果沒(méi)有指定，瀏覽器將啟動(dòng)猜測(cè)游戲，這對(duì)你的網(wǎng)站來(lái)說(shuō)不會(huì)很好。不同的瀏覽器會(huì)做出不同的猜測(cè)。

2、CSS重置

所有瀏覽器都根據(jù)其默認(rèn)的CSS規(guī)則進(jìn)行操作。為了在所有瀏覽器上具有相同的行為，您需要定義一致的CSS規(guī)則。CSS重置強(qiáng)制瀏覽器將其默認(rèn)規(guī)則重置為null，在互聯(lián)網(wǎng)上很容易獲得，您可以輕松地在線查找。

3、條件評(píng)論

條件注釋用于幫助克服早期版本的Internet Explorer的顯示問(wèn)題。Internet Explorer長(zhǎng)期以來(lái)一直是網(wǎng)站開發(fā)人員的禍根，其顯示模式不一致。建議使用條件注釋來(lái)處理此問(wèn)題。通過(guò)這些條件注釋，您將能夠使用不同的瀏覽器鏈接不同的樣式表。

4、CSS框架

CSS框架是樣式表，它提供了更簡(jiǎn)單方便的網(wǎng)頁(yè)設(shè)計(jì)方法，因?yàn)樗鼈兇蠖嗍强鐬g覽器兼容的。另外，它們通常包含網(wǎng)格以允許響應(yīng)式網(wǎng)站設(shè)計(jì)。

5、驗(yàn)證

利用W3C驗(yàn)證服務(wù)確保您的XHTML和HTML版本沒(méi)有錯(cuò)誤。驗(yàn)證器中顯示的調(diào)試錯(cuò)誤將解決許多常見(jiàn)的顯示問(wèn)題，以便您可以使用一個(gè)完美的網(wǎng)站。

6、測(cè)試

現(xiàn)在，當(dāng)您確保瀏覽器兼容性時(shí)，就可以進(jìn)行測(cè)試了。在不同的瀏覽器中測(cè)試您的網(wǎng)站，看它是否適用于所有瀏覽器。

您可以使用像browserstack.com這樣的測(cè)試工具。這比嘗試組裝每個(gè)操作系統(tǒng)，設(shè)備和屏幕分辨率要容易得多。Browserstack和類似工具允許您檢查大多數(shù)可能的組合，包括iOS和Android等移動(dòng)設(shè)備。