北京網(wǎng)站建設(shè)支持舊IE瀏覽器的技巧
Web網(wǎng)站建設(shè)者開(kāi)發(fā)中,遇到最多的一件事情就是創(chuàng)建一個(gè)能很好的跨越各種類型瀏覽器版本與各種設(shè)備的網(wǎng)站時(shí)感到困難。 北京網(wǎng)站建設(shè)夢(mèng)創(chuàng)義科技在jQuery項(xiàng)目寫(xiě)代碼的時(shí)候也一直有這個(gè)問(wèn)題。因此這里整理了20條編碼模式與經(jīng)驗(yàn)來(lái)解決支持舊IE瀏覽器的技巧分享給大家。
1.使用模板如HTML5 Boilerplate進(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)Fidder HTTP分析工具。不使用會(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)為中心。
盡可能在Ready后立刻執(zhí)行腳本。如果Ajax關(guān)系用戶交互,越早請(qǐng)求越好,延遲加載非必要的腳本(如Facebook Like,Google +1,Twitter)等。
以上就是北京網(wǎng)站建設(shè)支持舊IE瀏覽器的經(jīng)驗(yàn)和技巧。希望能在你建站的時(shí)候給你節(jié)省一些時(shí)間(或者麻煩)。如果對(duì)你有用,可以收藏北京夢(mèng)創(chuàng)義科技的官網(wǎng)。
猜你喜歡
- 1網(wǎng)站建設(shè)要花多少錢(qián)?做一個(gè)網(wǎng)站要多少錢(qián)?
- 2網(wǎng)站如何選擇合適的關(guān)鍵詞
- 3衡陽(yáng)企業(yè)如何做好網(wǎng)站建設(shè)?
- 4商家揭秘:讓你剁手的19個(gè)“潛規(guī)則”
- 5網(wǎng)站關(guān)鍵詞排名大量下滑到底有哪些因素
- 6百度驚雷算法首推,快排行業(yè)將退出SEO江湖
- 7刷屏朋友圈的“跳一跳” 小程序究竟有多火熱?
- 8什么是抖音搜索SEO排名優(yōu)化?
- 9內(nèi)容收錄不好排名下滑怎么辦
- 10線上營(yíng)銷線下消費(fèi) 小程序開(kāi)啟流量爭(zhēng)奪戰(zhàn)
聯(lián)絡(luò)方式:
電話:181-0734-0881
郵箱:1713521713@qq.com
-
刷屏朋友圈的“跳一跳” 小程序究竟有多火熱?
這兩天想必大家在刷朋友圈時(shí)都看到了一款名為“跳一跳”的游戲,2017年12月28日,微信通過(guò)旗下多個(gè)公眾號(hào)宣布上線“小游戲”,目前,iOS和安卓的用戶,只需升級(jí)...
-
什么是抖音搜索SEO排名優(yōu)化?
2021年11月22日,抖音日活躍用戶超過(guò)6億,這意味著每天有一半的中國(guó)網(wǎng)民使用抖音。抖音電子商務(wù)剛剛獨(dú)立,在品牌商店廣播方面做出了全面努力。許多企業(yè)和機(jī)構(gòu)認(rèn)為,2022年將是抖店...
-
網(wǎng)站關(guān)鍵詞排名大量下滑到底有哪些因素
客觀原因:影響排名的因素很多,有主觀也有一些是人力無(wú)法控制的客觀原因,而我們常見(jiàn)的客觀原因包括二點(diǎn):...
-
內(nèi)容收錄不好排名下滑怎么辦
文章收錄不好,排名總是下滑該怎么辦,這是許多人在做seo初期都會(huì)遇到的問(wèn)題。這里分析的幾方面的原因供大家參考...
-
線上營(yíng)銷線下消費(fèi) 小程序開(kāi)啟流量爭(zhēng)奪戰(zhàn)
不知不覺(jué),小程序也已上線一周年了,小程序的出現(xiàn)為創(chuàng)業(yè)者們打開(kāi)了一個(gè)新的程序入口,僅僅一年的時(shí)間,小程序已經(jīng)涵蓋了衣食住行各個(gè)方面。甚至支付寶、美團(tuán)、滴滴、京東,還有三大運(yùn)...