【Web】前端框架对微软老旧浏览器的支持

这篇具有很好参考价值的文章主要介绍了【Web】前端框架对微软老旧浏览器的支持。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

零、原因

最近要做一个项目,要能在学校机房运行的,也要在手机上运行。电脑和手机,一次性开发,那最好的就是响应式前端框架了。手机和正常的电脑兼容性问题应该都不大,但是学校机房都是Win7的系统,自带的都是IE8的浏览器。虽然有安装谷歌浏览器、360浏览器啥的,但是默认的还是IE浏览器。这就有一个问题,就是在你用极域电子教师发送指令让学生机打开某个网页时,用的就是IE,当然可以告诉学生复制地址到谷歌浏览器里打开,但是就还是有很多学生不懂怎么复制,怎么打开。索性让项目兼容IE得了,故此对前端响应式框架技术(Bootstrap、Layui)进行了一定的探索,也是对之后项目技术选型的一次简单调查吧(之前新建项目都要选好久用啥框架QWQ)。

壹、Edge

先使用2023年的Edge给出目标效果,顺便讲讲官方文档中对浏览器兼容性的介绍。
前端框架主要分成排版(样式)和插件(可能需要JavaScript支持的某些组件)两部分,本次选取前端框架的某些具体示例看支持的程度如何(简单测试,测试得不全面)。

  1. Layui 2.7.6
    官方文档中明确不支持IE6 / IE7。
    插件
    【Web】前端框架对微软老旧浏览器的支持排版
    【Web】前端框架对微软老旧浏览器的支持
  2. Bootstrap 2.3.2
    官方文档上只说支持的浏览器中包括IE7。
    排版【Web】前端框架对微软老旧浏览器的支持插件【Web】前端框架对微软老旧浏览器的支持排版【Web】前端框架对微软老旧浏览器的支持
  3. Bootstrap 3.4.1
    Bootstrap3 介绍是支持IE8 - IE11的。
    排版
    【Web】前端框架对微软老旧浏览器的支持排版和插件【Web】前端框架对微软老旧浏览器的支持插件【Web】前端框架对微软老旧浏览器的支持

贰、IE6(Windows XP 自带)

IE6,中文名:网络探路者6,2001年8月27日IE6发布,同年10月25日WinXP发布,集成IE6。2008年4月28日为Windows XP发布最后的SP3,集成IE6 SP3(版本号6.0.2900.5512),次年发布IE8。IE6包括增强的DHTML,以及对CSS 1、DOM 1和SMIL 2.0等的部分支持,MSXML也提升到了3.0版本。由于IE6的种种新特性,并且网页开发技术也大大提高。当时的网页开始多样化、丰富化。

  1. Layui 2.7.6
    【Web】前端框架对微软老旧浏览器的支持【Web】前端框架对微软老旧浏览器的支持
    部分常规排版可用,一些高级组件用不了。

  2. Bootstrap 2.3.2【Web】前端框架对微软老旧浏览器的支持bootstrap中文网访问不了,可能是IE6对https支持不太好,后面再刷新就是空白的了,因此使用的自己写的一些bootstrap2网页。【Web】前端框架对微软老旧浏览器的支持
    【Web】前端框架对微软老旧浏览器的支持一些组件用不了。
    【Web】前端框架对微软老旧浏览器的支持某些排版也用不了,上面的导航栏还是我修改后的。

  3. Bootstrap 3.4.1【Web】前端框架对微软老旧浏览器的支持排版是乱的,导航栏没有修改。【Web】前端框架对微软老旧浏览器的支持部分排版可用。【Web】前端框架对微软老旧浏览器的支持插件算部分能用的状态吧。

总结就是要兼容IE6,难!很多框架都不对IE6支持了。

叁、IE8(Windows 7 自带)

IE8支持或加强很多当时网页新技术(如对PNG Alpha支持的改进使在显示PNG图片时CPU不会飙升到100%,完全通过Acid2测试)。IE8还是微软第一个公开Trident引擎版本的IE,使用Trident 4.0内核。IE8在HTML5、CSS 3等技术方面仍落后于其他浏览器对手(诸如Acid3最初只有20分,即使Acid3改进了算法后也只有23分,HTML5测试虽然比IE7高,但也只得43分)。IE8是支持Windows XP最后的IE。

  1. Layui 2.7.6
    【Web】前端框架对微软老旧浏览器的支持【Web】前端框架对微软老旧浏览器的支持基本没啥问题,插件和排版都能用。

  2. Bootstrap 2.3.2【Web】前端框架对微软老旧浏览器的支持【Web】前端框架对微软老旧浏览器的支持【Web】前端框架对微软老旧浏览器的支持
    插件部分可用,排版部分混乱。

  3. Bootstrap 3.4.1
    【Web】前端框架对微软老旧浏览器的支持
    【Web】前端框架对微软老旧浏览器的支持
    【Web】前端框架对微软老旧浏览器的支持
    基本没啥问题,插件和排版都能用。反而Bootstrap3比Bootstrap2要支持得更好些,哈哈。

总结:能用

肆、IE11(Windows 8.1 自带)

IE11扩大对HTML5和CSS3的支持,且添加的这些新特性多数均是非常新潮的特性(如HTML5拖放,HTML5全屏,CSS边框图,视频码率控制,视频字幕隐藏,媒体加密,WebGL等等),使得IE11在显示HTML5网页时基本不出现到处不支持的问题。IE11在功能上新增对Google的SPDY协议的支持,对Chakra进行了更多优化,硬件加速渲染相比IE9和IE10更快,在同样多加载项的情况下,IE11网页加载速度已超过WebKit和Blink内核浏览器,支持在后台智能预判并迅速在内存中取出已经看过的网页而不需要重新连接网站加载。使用全新的UA(用户代理识别字符串)绕开网站用来判断旧版IE的CSS Hack,而使IE在浏览旧版网站时返回与FireFox相同的页面。全新的F12开发人员工具以新颖的界面和非常直观的图形化指示帮助开发人员迅速对网站运行情况进行监控并及时优化,尤其是"仿真"功能类似过去的"兼容性视图",但功能更强大,可以在PC中显示与Windows Phone或XBox相同的页面,更改页面显示方向和分辨率,还可以模拟GPS定位以测试网站跟踪位置功能是否正常。

  1. Layui 2.7.6【Web】前端框架对微软老旧浏览器的支持【Web】前端框架对微软老旧浏览器的支持支持得很好的样子,插件和排版都没问题。

  2. Bootstrap 2.3.2【Web】前端框架对微软老旧浏览器的支持【Web】前端框架对微软老旧浏览器的支持【Web】前端框架对微软老旧浏览器的支持没多大问题,都还算正常。

  3. Bootstrap 3.4.1【Web】前端框架对微软老旧浏览器的支持
    【Web】前端框架对微软老旧浏览器的支持
    导航栏排版有点小问题,这个我在开发的时候也做了挺久的,开发的时候用的Edge。【Web】前端框架对微软老旧浏览器的支持
    小问题,或许开发的时候应该针对性地调整一下(真麻烦)。

总结:还好

伍、总结

Bootstrap3 和 Layui2 还是在维护中的,最老支持到 IE8,WinXP 能装 IE8(那直接装谷歌更好了),Bootstrap2 最老支持到 IE7,但是实际用的时候还是得针对性调整。本次测的前端框架都不支持 IE6 了,排版勉强能用用吧。如果不是必须的需求,建议升级浏览器,放弃使用IE(除非它起死回生)。文章来源地址https://www.toymoban.com/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

到了这里,关于【Web】前端框架对微软老旧浏览器的支持的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • 使用 Web HID API 在浏览器中进行HID设备交互(纯前端)

    最近在搞HID透传 《STM32 USB使用记录:HID类设备(后篇)》 。 市面上的各种测试工具都或多或少存在问题,所以就自己写一个工具进行测试。目前来说纯前端方案编写这个工具应该是最方便的,这里对 Web HID API 相关内容做个记录。 Web HID API 相关内容参考如下: https://develop

    2024年01月19日
    浏览(48)
  • 前端面试:【浏览器与渲染引擎】Web APIs - DOM、XHR、Fetch、Canvas

    嗨,亲爱的读者!当我们在浏览器中浏览网页时,我们常常会与各种Web API打交道。这些API允许我们与网页内容、服务器资源和图形进行交互。本文将深入探讨一些常见的Web API,包括DOM、XHR、Fetch和Canvas,以帮助你了解它们的用途和如何使用它们。 1. DOM(文档对象模型): 用

    2024年02月11日
    浏览(48)
  • unity 浏览器插件【embedded browser(原zfbrowser)】简单教程,使unity支持web h5页面,附软件下载链接

    这是个在项目中使用了很久的浏览器插件。 很负责任的说这是在pc平台上最好用的浏览器插件 商业付费价格78刀,相比3d webview等插件动不动就178、368的价格就显得很良心 最新版下载链接(请勿商用) 1.1 功能概述 基本和普通浏览器无异 支持调试台Devtools功能 支持evil js 支持

    2024年02月05日
    浏览(59)
  • 微软浏览器连不上网络

    针对微软浏览器连不上网络,但其他浏览器仍能连上网络 控制面板 - 网络和Internet - Internet 选项 - 连接 - 局域网设置 - 取消代理服务器

    2024年02月17日
    浏览(44)
  • 微软 Edge 浏览器怎样安装插件

    之前安装插件就没有了解很深,放到浏览器里面就直接用了,最近再次想在微软的Edge浏览器安装插件的时候,发现没有之前的那么顺手,于是记录一下安装的过程,方便之后的学习使用。 点击 扩展 或者直接输入 edge://extensions ,直接来到 扩展页面 获取Microsoft Edge扩展 (到微

    2024年02月05日
    浏览(112)
  • Windows 安装微软 Edge 浏览器

    ############################################# 目录 Windows 安装微软 Edge 浏览器 获取以及安装 Edge 浏览器 首次启动 Edge 浏览器 配置 Edge 设置 设置 隐私、搜索和服务 外观 开始、主页和新建标签页 Cookie 和网站权限 默认浏览器 下载 系统和性能 Edge 离线安装包怎么得到? 安装时下载的安

    2024年02月03日
    浏览(102)
  • 打开IE浏览器就会跳转到Microsoft Edge微软浏览器如何解决

    某件事情必须要用到IE浏览器 一打开IE浏览器时却老是会跳转到Microsoft Edge浏览器,不知道如何解决 1、因为微软已将开发重心放在基于Chromium的新版Edge浏览器上,而传统的InternetExplorer则逐渐被淘汰。 2、也就是说,如果当前使用的是IE浏览器,可以考虑切换到新版Edge浏览器,

    2024年02月11日
    浏览(83)
  • 修复Edge浏览器无法登录微软账户问题

    之前重装系统后默认的Edge浏览器需要重新登录微软账号,在账户密码正确的情况下,笔者无论登录多少次都无法登录成功。每次都会卡在请稍等的页面,如下图所示 查阅网上的方案,大抵推测是登录无法访问微软服务器地址完成登录认证,所以在登录是一直处于查找微软服

    2024年02月05日
    浏览(236)
  • 现代浏览器对 es模块 【esm】原生支持/浏览器不支持cjs 的原因

    现代浏览器对 ES(ECMAScript)模块的原生支持是指浏览器可以直接解析和执行 JavaScript 文件中的 ES 模块语法,无需额外的工具或转换。 具体来说,当浏览器遇到 import 和 export 时,会将其识别为 ES 模块语法,而不是传统的 script 标签中的全局作用域。浏览器会根据 impo

    2024年04月17日
    浏览(43)
  • 对比两款支持扩展的安卓浏览器:kiwi浏览器和狐猴浏览器

    如果你对支持扩展的手机浏览器感兴趣的话,应该早已对kiwi浏览器耳熟能详。而国内也有不少优秀的支持扩展的手机浏览器非常值得一试,最近我正在使用的狐猴浏览器就是一个不错的产品。 可能你正在寻找一个适合自己的手机浏览器,那这篇文章我就想对比一下kiwi浏览器

    2024年02月06日
    浏览(58)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包