• 
• 
• 
• 
• 
• 
• 

知識(shí)普及 ? 青島網(wǎng)站制作支持舊IE瀏覽器的技巧

青島網(wǎng)站制作支持舊IE瀏覽器的技巧

奈薇網(wǎng)頁(yè)設(shè)計(jì) 于2019-07-27 21:59發(fā)表 閱讀次數(shù) 2416次

青島網(wǎng)站制作的Web開(kāi)發(fā)中，遇到困難最多的一件事情就是創(chuàng)建一個(gè)能很好的跨越各種類(lèi)型瀏覽器版本與各種設(shè)備的網(wǎng)站。青島網(wǎng)站制作公司奈薇建站網(wǎng)科技在jQuery項(xiàng)目編寫(xiě)代碼的時(shí)候也一直有這個(gè)問(wèn)題。因此奈薇建站網(wǎng)科技整理了幾條編碼模式與經(jīng)驗(yàn)來(lái)解決支持舊IE瀏覽器的技巧分享給大家。 　　1、JavaScript最大限度以用戶(hù)體驗(yàn)為中心。 　　盡可能在Ready后立刻執(zhí)行腳本。如果Ajax關(guān)系用戶(hù)交互，越早請(qǐng)求越好，延遲加載非必要的腳本(如FacebookLike，Google+1，Twitter)等。 　　2、簡(jiǎn)潔、特定瀏覽器的css樣式。 　　不要到處是無(wú)法重用的的id和class，避免使用“！imporant”。為html或body標(biāo)簽添加特定瀏覽器的class，并在css規(guī)則中使用。而不是hack。這樣不但利于seo網(wǎng)站優(yōu)化,更讓二次開(kāi)發(fā)提供便利。 　　3、不盲目使用polyfills和shims。 　　polyfills和shims提供了代碼和標(biāo)簽，可以幫助模擬標(biāo)準(zhǔn)的API和功能，但在使用時(shí)一定要能保證實(shí)用，更便于以后的開(kāi)發(fā)和修改。 　　4、使用模板如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)題。 　　5、使用標(biāo)準(zhǔn)是IE10來(lái)開(kāi)發(fā)項(xiàng)目。 　　它能實(shí)時(shí)分析你的網(wǎng)站，準(zhǔn)確的找到問(wèn)題的類(lèi)型并給出解決方法。通過(guò)在你的代碼中包括一個(gè)簡(jiǎn)單的JavaScript腳本文件，在你的頁(yè)面你就能得到可視化的結(jié)果。它也可以被集成進(jìn)FidderHTTP分析工具。不使用會(huì)后悔。 　　6、多版本多瀏覽器測(cè)試，確認(rèn)無(wú)誤后再上線(xiàn)。 　　檢查有沒(méi)有警告或錯(cuò)誤信息后，再提交項(xiàng)目，不然讓客戶(hù)或老板發(fā)現(xiàn)了多尷尬。 　　7、使用標(biāo)簽。 　　最新的HTML5標(biāo)簽，和改善標(biāo)簽的語(yǔ)義化，但需要特殊的輔助腳本讓IE6,7和8認(rèn)識(shí)他們。頁(yè)面在太舊的瀏覽器或者禁止腳本時(shí)無(wú)法使用HTML5標(biāo)簽，那么使用標(biāo)簽是對(duì)這些情況比較靠譜的解決方法。 　　8、css文件應(yīng)該在head里引入，js最后引入。 　　如果body中引入CSS會(huì)導(dǎo)致頁(yè)面全空，直到CSS加載后才顯示。若在頭部引入則讓瀏覽器盡早地讀取他們，就可以避免上述的情況。Js在最后引入則可以加快網(wǎng)站的打開(kāi)速度，能很好的提高用戶(hù)體驗(yàn)。

青島網(wǎng)站制作支持舊IE瀏覽器的技巧相關(guān)標(biāo)簽：網(wǎng)站改版，網(wǎng)站制作公司，網(wǎng)站建設(shè)，網(wǎng)站開(kāi)發(fā)

相關(guān)熱點(diǎn)推薦

八個(gè)優(yōu)秀的圖片和圖標(biāo)的 青島網(wǎng)站建設(shè)費(fèi)用大概多 「卡片式設(shè)計(jì)」能讓用戶(hù) 總結(jié)幾個(gè)產(chǎn)生上萬(wàn)流量的 即興創(chuàng)作需要有效的設(shè)計(jì) 網(wǎng)站推廣技巧之Emai 網(wǎng)站策劃的方法與方案？ 網(wǎng)站搜索引擎優(yōu)化的流程 企業(yè)網(wǎng)站建設(shè)優(yōu)化如何凸 軟文推廣的技巧 告訴你企業(yè)app客戶(hù)端 網(wǎng)站架構(gòu)之主頁(yè)設(shè)計(jì) 網(wǎng)站改版內(nèi)容 網(wǎng)站可信度建設(shè)十大準(zhǔn)則 淺談如何設(shè)計(jì)企業(yè)網(wǎng)站的 如何做網(wǎng)頁(yè)設(shè)計(jì)的10個(gè) 德國(guó)網(wǎng)站風(fēng)格設(shè)計(jì)特點(diǎn) 搜索引擎優(yōu)化相關(guān)性排名 企業(yè)網(wǎng)站設(shè)計(jì)中框架功能 搜索引擎優(yōu)化作弊行為表 運(yùn)用什么技巧使用戶(hù)喜歡 網(wǎng)頁(yè)標(biāo)題設(shè)計(jì)原則與一般 網(wǎng)頁(yè)框架和網(wǎng)頁(yè)框架集如 如何做成一個(gè)好的網(wǎng)站設(shè) 網(wǎng)頁(yè)設(shè)計(jì)：如何確定網(wǎng)站 政府網(wǎng)站建設(shè)要按照“一 一名視覺(jué)設(shè)計(jì)師對(duì)于網(wǎng)站 推廣研究報(bào)告—真實(shí)的視 如何設(shè)計(jì)一個(gè)漂亮又有用 中小企業(yè)網(wǎng)站建設(shè)定位的 為什么網(wǎng)頁(yè)設(shè)計(jì)不應(yīng)強(qiáng)調(diào) 網(wǎng)頁(yè)設(shè)計(jì)的審美需求 視覺(jué)設(shè)計(jì)不只是圖形 青島網(wǎng)站制作優(yōu)化的發(fā)展 我們還需要“面包屑”嗎 網(wǎng)絡(luò)廣告與網(wǎng)站推廣的步 互聯(lián)網(wǎng)多領(lǐng)域迎來(lái)爆發(fā)式 織夢(mèng)后臺(tái)登陸顯示空白頁(yè)

奈薇建站網(wǎng)青島網(wǎng)站建設(shè)公司/青島網(wǎng)站制作公司，專(zhuān)業(yè)提供"氣質(zhì)"型網(wǎng)站建設(shè)及精美網(wǎng)站制作服務(wù)，同時(shí)歡迎各地網(wǎng)站建設(shè)公司、網(wǎng)站制作公司代理我們的奈薇建站系統(tǒng)共同發(fā)展

熱點(diǎn)地區(qū)：青島網(wǎng)站建設(shè)價(jià)格 青島即墨網(wǎng)站制作公司 開(kāi)發(fā)區(qū)信息港 山東在線(xiàn)門(mén)戶(hù)