支持舊IE瀏覽器的技巧

Web網(wǎng)站建設(shè)者開(kāi)發(fā)中，遇到最多的一件事情就是創(chuàng)建一個(gè)能很好的跨越各種類型瀏覽器版本與各種設(shè)備的網(wǎng)站時(shí)感到困難。 因此這里整理了多條編碼模式與經(jīng)驗(yàn)來(lái)解決支持舊IE瀏覽器的技巧分享給大家。
1.使用模板如HTML5Boilerplate進(jìn)行開(kāi)發(fā)。
很多成熟的模板各方面都做得很到位，這些準(zhǔn)則對(duì)以現(xiàn)代瀏覽器為目標(biāo)的項(xiàng)目和需要舊瀏覽器(低至IE6都能很好的支持)支持的項(xiàng)目工作得一樣好。直接拿來(lái)使用不但可以節(jié)省時(shí)間更能減少一些IE兼容問(wèn)題。
2.使用標(biāo)準(zhǔn)是IE10來(lái)開(kāi)發(fā)項(xiàng)目。
它能實(shí)時(shí)分析你的網(wǎng)站，準(zhǔn)確的找到問(wèn)題的類型并給出解決方法。通過(guò)在你的代碼中包括一個(gè)簡(jiǎn)單的JavaScript腳本文件，在你的頁(yè)面你就能得到可視化的結(jié)果。它也可以被集成進(jìn)FidderHTTP分析工具。不使用會(huì)后悔。
3.不盲目使用polyfills和shims。
polyfills和shims提供了代碼和標(biāo)簽，可以幫助模擬標(biāo)準(zhǔn)的API和功能，但在使用時(shí)一定要能保證實(shí)用，更便于以后的開(kāi)發(fā)和修改。
4.多版本多瀏覽器測(cè)試，確認(rèn)無(wú)誤后再上線。
檢查有沒(méi)有警告或錯(cuò)誤信息后，再提交項(xiàng)目，不然讓客戶或老板發(fā)現(xiàn)了多尷尬。

5.使用標(biāo)簽。
最新的HTML5標(biāo)簽，和改善標(biāo)簽的語(yǔ)義化，但需要特殊的輔助腳本讓IE6,7和8認(rèn)識(shí)他們。頁(yè)面在太舊的瀏覽器或者禁止腳本時(shí)無(wú)法使用HTML5標(biāo)簽，那么使用標(biāo)簽是對(duì)這些情況比較靠譜的解決方法。
6.css文件應(yīng)該在head里引入，js最后引入。
如果body中引入CSS會(huì)導(dǎo)致頁(yè)面全空，直到CSS加載后才顯示。若在頭部引入則讓瀏覽器盡早地讀取他們，就可以避免上述的情況。Js在最后引入則可以加快網(wǎng)站的打開(kāi)速度，能很好的提高用戶體驗(yàn)。
7.簡(jiǎn)潔、特定瀏覽器的css樣式。
不要到處是無(wú)法重用的的id和class，避免使用“！imporant”。為html或body標(biāo)簽添加特定瀏覽器的class，并在css規(guī)則中使用。而不是hack。這樣不但利于SEO網(wǎng)站優(yōu)化,更讓二次開(kāi)發(fā)提供便利。
8.JavaScript大限度以用戶體驗(yàn)為中心。

新聞名稱：支持舊IE瀏覽器的技巧
文章轉(zhuǎn)載：http://www.bm7419.com/news7/116357.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站制作、網(wǎng)站建設(shè)、自適應(yīng)網(wǎng)站、網(wǎng)頁(yè)設(shè)計(jì)公司、建站公司、App設(shè)計(jì)

廣告

聲明：本網(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)