網(wǎng)站開發(fā)過(guò)程兼容性問題分析

發(fā)現(xiàn)Web前端開發(fā)工程師最煩的就是解決瀏覽器兼容性的問題。不過(guò)，別擔(dān)心，既然小編已經(jīng)說(shuō)出來(lái)了，就是給大家?guī)?lái)這一部分的相關(guān)知識(shí)分享給大家，解決大家的煩惱，一下幾點(diǎn)是根據(jù)朋友以及同事和看了某些程序員大佬的博客之后總結(jié)出來(lái)的幾點(diǎn)，希望能夠幫到大家。

這個(gè)問題對(duì)于Web開發(fā)者來(lái)說(shuō)真是頭疼的問題，我從事Web開發(fā)也有兩年時(shí)間，期間遇到過(guò)許許多多類似的問題，每次都被搞得很累，后來(lái)畫了大半年時(shí)間專門研究Web前端技巧，最后我總結(jié)了一些方案出來(lái)：

1.在開發(fā)Web APP的時(shí)候，開發(fā)機(jī)上面最好把主流瀏覽器都裝上，比如說(shuō)：Chrome、FF、safari、IE、IE Tester... 在大多數(shù)情況下，F(xiàn)F和Chrome差別不是很大。

2.開發(fā)過(guò)程中要注意，每做好一個(gè)樣式，都要跑一遍所有要兼容的瀏覽器，這樣雖然開發(fā)過(guò)程時(shí)間會(huì)比較長(zhǎng)，可是會(huì)比你開發(fā)完成后再來(lái)改效率高得多，我曾經(jīng)就碰到過(guò)一個(gè)產(chǎn)品，開發(fā)完成后由于兼容性問題導(dǎo)致其發(fā)展面很窄，最后不得不重新開發(fā)。

3.如果真的碰到樣式不兼容的情況，那么只能針對(duì)不同的瀏覽器做相應(yīng)的調(diào)整。

4.一些新的特效可能在一些版本落后的瀏覽器里不兼容，這個(gè)時(shí)候我們的原則就是：不求效果絢麗，只求工整規(guī)范 o(∩_∩)o

5.多積累，多看看符合W3C標(biāo)準(zhǔn)規(guī)范的CSS手冊(cè)和JS手冊(cè)，注意積累，或者用一些開源框架，那樣兼容性可以省下不少時(shí)間。

我們認(rèn)為chrome + firefox + safari + ie9是高端瀏覽器，ie8勉強(qiáng)算準(zhǔn)高端吧。這樣這部分占有率約57%(如果加上其他webkit內(nèi)核的瀏覽器會(huì)更高一些) 已經(jīng)大于ie6 + ie7。

高端和低端瀏覽器的差距可以用html5test量化一下：

Google Chromium 11.0.690的分?jǐn)?shù)是293，而Microsoft Internet Explorer 6.0的分?jǐn)?shù)17

也許有各種fallback方案可以保證完全兼容性各個(gè)瀏覽器，但依然不能保證低端瀏覽器的使用體驗(yàn)，頂多是看起來(lái)各個(gè)瀏覽器都一樣了。因此，現(xiàn)在的設(shè)計(jì)和開發(fā)的策略是瀏覽器分級(jí)支持。優(yōu)先為高端瀏覽器設(shè)計(jì)，同時(shí)考慮低端瀏覽器的退化方案。甚至有些復(fù)雜的應(yīng)用可以拒絕ie6，提示用戶使用高端瀏覽器。豆瓣7月份將會(huì)發(fā)布一款對(duì)ie6說(shuō)no的產(chǎn)品（國(guó)內(nèi)第一個(gè)拒絕支持ie6的產(chǎn)品吧）

因此不要再考慮向后兼容，應(yīng)該考慮向后退化，更多考慮向前兼容。

新聞名稱：網(wǎng)站開發(fā)過(guò)程兼容性問題分析
網(wǎng)站路徑：http://muchs.cn/news41/222191.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供手機(jī)網(wǎng)站建設(shè)、建站公司、全網(wǎng)營(yíng)銷推廣、軟件開發(fā)、動(dòng)態(tài)網(wǎng)站、標(biāo)簽優(yōu)化

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)