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