零、原因
最近要做一個項目，要能在學(xué)校機(jī)房運行的，也要在手機(jī)上運行。電腦和手機(jī)，一次性開發(fā)，那最好的就是響應(yīng)式前端框架了。手機(jī)和正常的電腦兼容性問題應(yīng)該都不大，但是學(xué)校機(jī)房都是Win7的系統(tǒng)，自帶的都是IE8的瀏覽器。雖然有安裝谷歌瀏覽器、360瀏覽器啥的，但是默認(rèn)的還是IE瀏覽器。這就有一個問題，就是在你用極域電子教師發(fā)送指令讓學(xué)生機(jī)打開某個網(wǎng)頁時，用的就是IE，當(dāng)然可以告訴學(xué)生復(fù)制地址到谷歌瀏覽器里打開，但是就還是有很多學(xué)生不懂怎么復(fù)制，怎么打開。索性讓項目兼容IE得了，故此對前端響應(yīng)式框架技術(shù)（Bootstrap、Layui）進(jìn)行了一定的探索，也是對之后項目技術(shù)選型的一次簡單調(diào)查吧（之前新建項目都要選好久用啥框架QWQ）。
壹、Edge
先使用2023年的Edge給出目標(biāo)效果，順便講講官方文檔中對瀏覽器兼容性的介紹。
前端框架主要分成排版（樣式）和插件（可能需要JavaScript支持的某些組件）兩部分，本次選取前端框架的某些具體示例看支持的程度如何（簡單測試，測試得不全面）。
- Layui 2.7.6
官方文檔中明確不支持IE6 / IE7。
插件
排版
- Bootstrap 2.3.2
官方文檔上只說支持的瀏覽器中包括IE7。
排版
插件
排版
- Bootstrap 3.4.1
Bootstrap3 介紹是支持IE8 - IE11的。
排版
排版和插件
插件
貳、IE6（Windows XP 自帶）
IE6，中文名：網(wǎng)絡(luò)探路者6，2001年8月27日IE6發(fā)布，同年10月25日WinXP發(fā)布，集成IE6。2008年4月28日為Windows XP發(fā)布最后的SP3，集成IE6 SP3（版本號6.0.2900.5512），次年發(fā)布IE8。IE6包括增強(qiáng)的DHTML，以及對CSS 1、DOM 1和SMIL 2.0等的部分支持，MSXML也提升到了3.0版本。由于IE6的種種新特性，并且網(wǎng)頁開發(fā)技術(shù)也大大提高。當(dāng)時的網(wǎng)頁開始多樣化、豐富化。
-
Layui 2.7.6
部分常規(guī)排版可用，一些高級組件用不了。 -
Bootstrap 2.3.2
bootstrap中文網(wǎng)訪問不了，可能是IE6對https支持不太好，后面再刷新就是空白的了，因此使用的自己寫的一些bootstrap2網(wǎng)頁。
一些組件用不了。
某些排版也用不了，上面的導(dǎo)航欄還是我修改后的。 -
Bootstrap 3.4.1
排版是亂的，導(dǎo)航欄沒有修改。
部分排版可用。
插件算部分能用的狀態(tài)吧。
總結(jié)就是要兼容IE6，難！很多框架都不對IE6支持了。
叁、IE8（Windows 7 自帶）
IE8支持或加強(qiáng)很多當(dāng)時網(wǎng)頁新技術(shù)（如對PNG Alpha支持的改進(jìn)使在顯示PNG圖片時CPU不會飆升到100%，完全通過Acid2測試）。IE8還是微軟第一個公開Trident引擎版本的IE，使用Trident 4.0內(nèi)核。IE8在HTML5、CSS 3等技術(shù)方面仍落后于其他瀏覽器對手（諸如Acid3最初只有20分，即使Acid3改進(jìn)了算法后也只有23分，HTML5測試雖然比IE7高，但也只得43分）。IE8是支持Windows XP最后的IE。
-
Layui 2.7.6
基本沒啥問題，插件和排版都能用。 -
Bootstrap 2.3.2
插件部分可用，排版部分混亂。 -
Bootstrap 3.4.1
基本沒啥問題，插件和排版都能用。反而Bootstrap3比Bootstrap2要支持得更好些，哈哈。
總結(jié)：能用
肆、IE11（Windows 8.1 自帶）
IE11擴(kuò)大對HTML5和CSS3的支持，且添加的這些新特性多數(shù)均是非常新潮的特性(如HTML5拖放，HTML5全屏，CSS邊框圖，視頻碼率控制，視頻字幕隱藏，媒體加密，WebGL等等)，使得IE11在顯示HTML5網(wǎng)頁時基本不出現(xiàn)到處不支持的問題。IE11在功能上新增對Google的SPDY協(xié)議的支持，對Chakra進(jìn)行了更多優(yōu)化，硬件加速渲染相比IE9和IE10更快，在同樣多加載項的情況下，IE11網(wǎng)頁加載速度已超過WebKit和Blink內(nèi)核瀏覽器，支持在后臺智能預(yù)判并迅速在內(nèi)存中取出已經(jīng)看過的網(wǎng)頁而不需要重新連接網(wǎng)站加載。使用全新的UA(用戶代理識別字符串)繞開網(wǎng)站用來判斷舊版IE的CSS Hack，而使IE在瀏覽舊版網(wǎng)站時返回與FireFox相同的頁面。全新的F12開發(fā)人員工具以新穎的界面和非常直觀的圖形化指示幫助開發(fā)人員迅速對網(wǎng)站運行情況進(jìn)行監(jiān)控并及時優(yōu)化，尤其是"仿真"功能類似過去的"兼容性視圖"，但功能更強(qiáng)大，可以在PC中顯示與Windows Phone或XBox相同的頁面，更改頁面顯示方向和分辨率，還可以模擬GPS定位以測試網(wǎng)站跟蹤位置功能是否正常。
-
Layui 2.7.6
支持得很好的樣子，插件和排版都沒問題。 -
Bootstrap 2.3.2
沒多大問題，都還算正常。 -
Bootstrap 3.4.1
導(dǎo)航欄排版有點小問題，這個我在開發(fā)的時候也做了挺久的，開發(fā)的時候用的Edge。
小問題，或許開發(fā)的時候應(yīng)該針對性地調(diào)整一下（真麻煩）。
總結(jié)：還好文章來源：http://www.zghlxwxcb.cn/news/detail-449989.html
伍、總結(jié)
Bootstrap3 和 Layui2 還是在維護(hù)中的，最老支持到 IE8，WinXP 能裝 IE8（那直接裝谷歌更好了），Bootstrap2 最老支持到 IE7，但是實際用的時候還是得針對性調(diào)整。本次測的前端框架都不支持 IE6 了，排版勉強(qiáng)能用用吧。如果不是必須的需求，建議升級瀏覽器，放棄使用IE（除非它起死回生）。文章來源地址http://www.zghlxwxcb.cn/news/detail-449989.html
陸、參考資料
IE瀏覽器
- https://baike.baidu.com/item/Internet Explorer/1537769
Bootstrap
- https://v3.bootcss.com/getting-started/
- https://v3.bootcss.com/migration/
- https://v2.bootcss.com/index.html
Layui
- http://layui.org.cn/demo/layedit.html
- http://layui.org.cn/doc/index.html
到了這里，關(guān)于【W(wǎng)eb】前端框架對微軟老舊瀏覽器的支持的文章就介紹完了。如果您還想了解更多內(nèi)容，請在右上角搜索TOY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持TOY模板網(wǎng)！
