首页 > 电脑专区 > 电脑教程 >

浏览器兼容问题

来源:互联网 2023-02-21 17:52:35 224

随着技术日新月异的发展,我以为已经可以完全甩掉ie浏览器,驰骋在新技术的海洋里。却不想,ie兼容问题如影随行。Wyr办公区 - 实用经验教程分享!

工具/原料

  • 电脑
  • sublime

方法/步骤

  • 1

    当然,尝试解决ie浏览器兼容问题,并不代表我会去拥护它。我想做的只是为解决浏览器兼容提供一些个人思路,毕竟,很多公司还会有此类的需求。Wyr办公区 - 实用经验教程分享!

    浏览器兼容问题Wyr办公区 - 实用经验教程分享!

  • 2

    一、明确你要兼容的浏览器范围Wyr办公区 - 实用经验教程分享!

    很简单,当你明确了要兼容的浏览器范围,不需要兼容的浏览器就可以一并处理了。例如:直接弹出提示,指引用户下载chrome,firefox等现代浏览器。简单粗暴,但却有效。Wyr办公区 - 实用经验教程分享!

    那么我们如何去过滤呢,这时候,条件注释就可以上场了,用法如下:Wyr办公区 - 实用经验教程分享!

    Wyr办公区 - 实用经验教程分享!

    浏览器兼容问题Wyr办公区 - 实用经验教程分享!

  • 3

    符号解释:Wyr办公区 - 实用经验教程分享!

    浏览器兼容问题Wyr办公区 - 实用经验教程分享!

  • 4

    嗯,不错,一大半的负担被卸掉了。Wyr办公区 - 实用经验教程分享!

    因为我足够幸运,只需要解决ie9浏览器的兼容问题。所以,可以这么写:Wyr办公区 - 实用经验教程分享!

    Wyr办公区 - 实用经验教程分享!

    浏览器兼容问题Wyr办公区 - 实用经验教程分享!

  • 5

    js中设置了cookie和url重定向,引导用户去下载chrome浏览器,这里就不细说了。Wyr办公区 - 实用经验教程分享!

    当然,兼容问题哪有这么容易就搞定的,我们继续往下走~Wyr办公区 - 实用经验教程分享!

    二、检查页面中的伪类和伪元素Wyr办公区 - 实用经验教程分享!

    这里还是以ie9示例,下面列出ie9对伪类的支持情况:Wyr办公区 - 实用经验教程分享!

    Wyr办公区 - 实用经验教程分享!

    浏览器兼容问题Wyr办公区 - 实用经验教程分享!

    浏览器兼容问题Wyr办公区 - 实用经验教程分享!

  • 6

    对于不支持的情况,我们只能换方案,举个简单


  • 标签: 浏览器操作系统浏览

    办公区 Copyright © 2016-2023 www.bgqu.net. Some Rights Reserved. 备案号:湘ICP备2020019561号统计代码