登录成功
请完善账号信息

提交

网页前端关于浏览器内核兼容以及代码兼容性

发布时间:2020-06-05 文章来源:开创尚品 作者:开创尚品 浏览量:117

 一 win7操作系统与win10操作系统

  截至到2019年9月20日,微软发布消息称win10操作系统市场占有率突破百分之50%;

  Win7市场占有率为38%,在中小企业中占比则达到47%,虽从数据上看win7占有率与win10差距不大,但须注意的是,从2020年1月14日开始,微软将不再对Windows 7系统进行支持,这意味着在此之后,Windows 7系统用户将不会再得到微软的更新补丁、安全更新等服务,从而使用户的电脑处于易受安全威胁状态。win10已然成为主流浏览器。

  二 前端代码兼容性

  1. flex弹性布局

  2009年,W3C 提出了一种新的方案----Flex 布局,可以简便、完整、响应式地实现各种页面布局。目前,它已经得到了所有浏览器的支持,这意味着,现在就能很安全地使用这项功能。

  Flex优点在于当推拽浏览器窗口时,页面布局会跟随浏览器窗口大小进行自适应改变,能适应市面上绝大多数终端的屏幕尺寸;如果向下兼容低版本的话,就需要采用float布局,无法使用flex弹性布局,虽然页面勉强可以正常展示,但是拖拽浏览器时,页面会出现横向滚动条,无法适应平板等其他屏幕分辨率,不能进行自适应的大小改变,只能实现极少数固定尺寸大小的屏幕,会出现部分动画无法正常显示,少数可以用CSS+JS实现的动画代码量会成倍增加,代码量会增加导致页面加载速度变慢。

  缺点在于flex布局无法兼容ie9及其以下。

  2. swiper

  Swiper 是一款免费以及轻量级的移动设备触控滑块的js框架,使用硬件加速过渡(如果该设备支持的话)。可以实现例如页面中的一些轮播图效果

  Swiper版本现以更新到了swiper5,swiper5兼容性可以兼容移动端浏览器、部分PC端浏览器、IE10+。

  Swiper官方说明,如需在PC上兼容更多的浏览器,可以选择Swiper2.x,但swiper2相对于swiper5对比,swiper5效果更加强大,并且现在swiper2已停止维护。

  3. 兼容性

  Flex布局和swiper5兼容性都只能兼容ie10+,而win7浏览器默认ie内核为ie8,这就导致使用flex布局与swiper5的页面在ie9内核及其以下的浏览器上现实效果不理想,并且360安全浏览器上的兼容模式使用的是当前电脑系统上ie浏览器默认内核,也就是如果在win7电脑上打开360兼容模式浏览网站,结果会导致页面展示不理想。

非特殊说明 <网页前端关于浏览器内核兼容以及代码兼容性>为本站原创(翻译),转载请注明来源:
恭喜您获得
免费升级VIP名额

填写资料激活会员可获得专属客服特权

网站建设
优化推广
获客系统
定制项目
其他需求
激活会员身份