當(dāng)前位置:首頁(yè) >  站長(zhǎng) >  建站經(jīng)驗(yàn) >  正文

關(guān)于網(wǎng)站開(kāi)發(fā)中瀏覽器兼容性問(wèn)題

 2013-12-01 21:24  來(lái)源: 用戶(hù)投稿   我來(lái)投稿 撤稿糾錯(cuò)

  域名預(yù)訂/競(jìng)價(jià),好“米”不錯(cuò)過(guò)

網(wǎng)站開(kāi)發(fā)中,對(duì)于前端工程師而言,網(wǎng)站樣式的兼容性往往很讓人頭疼,特別是在本國(guó)國(guó)情的情況下,IE6的不死以及各家IT公司的瀏覽器兼容性存在差異的情況下,讓網(wǎng)站開(kāi)發(fā)在瀏覽器兼容性方面摔了大跟頭。

開(kāi)發(fā)人員往往會(huì)看到一些比較好的值得我們借鑒的國(guó)外網(wǎng)站,但是一拿到本地,各種瀏覽器的不兼容,迫使我們放棄這些華麗的好站。今天我來(lái)給大家解析下市場(chǎng)的各種瀏覽器以及我們?cè)诰W(wǎng)站開(kāi)發(fā)當(dāng)中值得注意的地方。

先說(shuō)主瀏覽器,目前國(guó)內(nèi)主瀏覽器依舊以IE為主,那么IE6、7、8其實(shí)依然占了不小的份額,特別是對(duì)于一些制造型企業(yè),往往使用的都是Win XP,然后XP系列操作系統(tǒng)默認(rèn)安裝的其實(shí)就是IE6。所以我們還是不應(yīng)該放棄這些用戶(hù),而且導(dǎo)致IE6瀏覽器的不兼容,其實(shí)還是跟自己寫(xiě)樣式有很大的原因的,下面我會(huì)詳細(xì)解說(shuō)這塊。除了IE家族,Google Chrome瀏覽器目前市場(chǎng)份額是越來(lái)越大,或許Chrome瀏覽器大家還是比較陌生,但是只要我說(shuō)出“360瀏覽器-急速模式”、“搜狗瀏覽器-急速模式”....各種瀏覽器的急速模式其實(shí)都是Chrome的內(nèi)核-WebKit,該瀏覽器的內(nèi)核有幾大優(yōu)點(diǎn),第一就是速度快,其次是兼容目前各種主流的HTML5和CSS3。還有一個(gè)瀏覽器大家應(yīng)該也不陌生:FireFox-火狐。該瀏覽器目前國(guó)內(nèi)占額可以排在國(guó)內(nèi)前5的位置,原因在于,該瀏覽器同樣和Chrome瀏覽器一樣,具有超強(qiáng)的兼容性,支持各種HTML5和CSS3效果,并且與別的瀏覽器不同的是,該瀏覽器目前還有一個(gè)插件庫(kù),里面包含了各種各樣的實(shí)用插件。FireBug對(duì)于開(kāi)發(fā)者而言一定不默認(rèn),他就是大名鼎鼎的源代碼解析插件。所以對(duì)于開(kāi)發(fā)者而言FireBug肯定是少不了的。如果作為一個(gè)前端開(kāi)發(fā)者,沒(méi)有安裝FireBug,那么可以認(rèn)為該工程師要么就是超級(jí)NB了,不用工具可以看出任何網(wǎng)站的問(wèn)題,那么就是完全不懂,也不知道如何查找網(wǎng)站樣式的問(wèn)題所在。

我們?cè)倏纯雌渌恍┑谌降臑g覽器,所謂第三方瀏覽器,我們這里指的是例如:360安全瀏覽器、搜狗瀏覽器、遨游瀏覽器等等,目前一般都采用雙內(nèi)核瀏覽器,也就是急速模式的WebKit和IE家族的兼容模式。這些瀏覽器無(wú)非就是在其他內(nèi)核的基礎(chǔ)上添加一些比較實(shí)用的功能,例如近年發(fā)展起來(lái)的“云”功能。

再回到開(kāi)發(fā)者角度談下瀏覽器兼容性問(wèn)題,在我看來(lái)導(dǎo)致瀏覽器不兼容的問(wèn)題,無(wú)非就是2點(diǎn):

1、先天缺陷:所謂先天缺陷就是某些標(biāo)簽、樣式本身就存在不兼容,例如我們?cè)賹?xiě)DIV透明的時(shí)候,那么IE6解析與其他瀏覽器本身確實(shí)就不相同;或者是PNG圖片在IE不兼容,那么這種問(wèn)題應(yīng)該說(shuō)是“真正的不兼容”。

2、人為技術(shù)性的不兼容:這種問(wèn)題其實(shí)不用說(shuō),如果完全按照W3C的標(biāo)準(zhǔn)去寫(xiě)樣式,那么其實(shí)導(dǎo)致樣式不兼容的可能是非常非常低的。我一直希望前端開(kāi)發(fā)者應(yīng)該多用用心,去看些比較大的電商平臺(tái),看看他們是如何來(lái)寫(xiě)樣式的,還有這里分享個(gè)小技巧:用色塊來(lái)布局以及多使用FireBug,可以杜絕大部分的不兼容問(wèn)題。

本文來(lái)自昆山網(wǎng)絡(luò)公司www.boooming.net

申請(qǐng)創(chuàng)業(yè)報(bào)道,分享創(chuàng)業(yè)好點(diǎn)子。點(diǎn)擊此處,共同探討創(chuàng)業(yè)新機(jī)遇!

相關(guān)文章

熱門(mén)排行

信息推薦