支持舊IE瀏覽器的技巧
2021-06-04 分類： 網站建設
Web網站建設者開發(fā)中，遇到最多的一件事情就是創(chuàng)建一個能很好的跨越各種類型瀏覽器版本與各種設備的網站時感到困難。 因此這里整理了多條編碼模式與經驗來解決支持舊IE瀏覽器的技巧分享給大家。
1.使用模板如HTML5Boilerplate進行開發(fā)。
很多成熟的模板各方面都做得很到位，這些準則對以現代瀏覽器為目標的項目和需要舊瀏覽器(低至IE6都能很好的支持)支持的項目工作得一樣好。直接拿來使用不但可以節(jié)省時間更能減少一些IE兼容問題。
2.使用標準是IE10來開發(fā)項目。
它能實時分析你的網站，準確的找到問題的類型并給出解決方法。通過在你的代碼中包括一個簡單的JavaScript腳本文件，在你的頁面你就能得到可視化的結果。它也可以被集成進FidderHTTP分析工具。不使用會后悔。
3.不盲目使用polyfills和shims。
polyfills和shims提供了代碼和標簽，可以幫助模擬標準的API和功能，但在使用時一定要能保證實用，更便于以后的開發(fā)和修改。
4.多版本多瀏覽器測試，確認無誤后再上線。
檢查有沒有警告或錯誤信息后，再提交項目，不然讓客戶或老板發(fā)現了多尷尬。
5.使用標簽。
最新的HTML5標簽，和改善標簽的語義化，但需要特殊的輔助腳本讓IE6,7和8認識他們。頁面在太舊的瀏覽器或者禁止腳本時無法使用HTML5標簽，那么使用標簽是對這些情況比較靠譜的解決方法。
6.css文件應該在head里引入，js最后引入。
如果body中引入CSS會導致頁面全空，直到CSS加載后才顯示。若在頭部引入則讓瀏覽器盡早地讀取他們，就可以避免上述的情況。Js在最后引入則可以加快網站的打開速度，能很好的提高用戶體驗。
7.簡潔、特定瀏覽器的css樣式。
不要到處是無法重用的的id和class，避免使用“！imporant”。為html或body標簽添加特定瀏覽器的class，并在css規(guī)則中使用。而不是hack。這樣不但利于SEO網站優(yōu)化,更讓二次開發(fā)提供便利。
8.JavaScript大限度以用戶體驗為中心。
1.使用模板如HTML5Boilerplate進行開發(fā)。
很多成熟的模板各方面都做得很到位，這些準則對以現代瀏覽器為目標的項目和需要舊瀏覽器(低至IE6都能很好的支持)支持的項目工作得一樣好。直接拿來使用不但可以節(jié)省時間更能減少一些IE兼容問題。
2.使用標準是IE10來開發(fā)項目。
它能實時分析你的網站，準確的找到問題的類型并給出解決方法。通過在你的代碼中包括一個簡單的JavaScript腳本文件，在你的頁面你就能得到可視化的結果。它也可以被集成進FidderHTTP分析工具。不使用會后悔。
3.不盲目使用polyfills和shims。
polyfills和shims提供了代碼和標簽，可以幫助模擬標準的API和功能，但在使用時一定要能保證實用，更便于以后的開發(fā)和修改。
4.多版本多瀏覽器測試，確認無誤后再上線。
檢查有沒有警告或錯誤信息后，再提交項目，不然讓客戶或老板發(fā)現了多尷尬。
5.使用標簽。
最新的HTML5標簽，和改善標簽的語義化，但需要特殊的輔助腳本讓IE6,7和8認識他們。頁面在太舊的瀏覽器或者禁止腳本時無法使用HTML5標簽，那么使用標簽是對這些情況比較靠譜的解決方法。
6.css文件應該在head里引入，js最后引入。
如果body中引入CSS會導致頁面全空，直到CSS加載后才顯示。若在頭部引入則讓瀏覽器盡早地讀取他們，就可以避免上述的情況。Js在最后引入則可以加快網站的打開速度，能很好的提高用戶體驗。
7.簡潔、特定瀏覽器的css樣式。
不要到處是無法重用的的id和class，避免使用“！imporant”。為html或body標簽添加特定瀏覽器的class，并在css規(guī)則中使用。而不是hack。這樣不但利于SEO網站優(yōu)化,更讓二次開發(fā)提供便利。
8.JavaScript大限度以用戶體驗為中心。
盡可能在Ready后立刻執(zhí)行腳本。如果Ajax關系用戶交互，越早請求越好，延遲加載非必要的腳本(如Facebook Like，Google+1，Twitter)等。
網站欄目：支持舊IE瀏覽器的技巧
轉載來于：http://www.aaarwkj.com/news/116357.html
成都網站建設公司_創(chuàng)新互聯，為您提供商城網站、動態(tài)網站、Google、網站策劃、響應式網站、網站制作
聲明：本網站發(fā)布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源： 創(chuàng)新互聯
猜你還喜歡下面的內容
- 信息化的時代，文件的保存和備份顯得尤為重要 2021-06-04
- 藍色的信息量與網頁表現 2021-06-04
- 搭建網站前如何確定設計方案？ 2021-06-04
- 企業(yè)網站建設要不要外包出去？ 2021-06-04
- 企業(yè)搭建官網的意義是什么？ 2021-06-04
- 網站優(yōu)化不一定需靜態(tài)化應遵循哪些 2021-06-04
- 開發(fā)多語言網站時字符集應該怎么選擇？ 2021-06-04
- 做網站時網站上的各欄目名稱和版塊名稱一定要通俗易懂？ 2021-06-04
- 網站應該要如何去定位 2021-06-04
- 百度推出了新的自媒體平臺---百度發(fā)布平臺 2021-06-04
- 建設網站應該注意什么 2021-06-04
- 為什么設計師在網站和APP上都愛用tab式導航 2021-06-04
- 網頁設計中構圖的方法 2021-06-04
- 為什么你開發(fā)的小程序卻無法得到用戶青睞 2021-06-04
- SEO優(yōu)化中有時候會碰到內頁的排名比首頁高是為什么？ 2021-06-04
- 開發(fā)網站時需要注意哪些事項 2021-06-04
- 發(fā)布網站與維護 2021-06-04
- 談談我們如何拴住“蜘蛛”的胃 2021-06-04
- 如何制作網站才能體現網站價值 2021-06-04