对于web开发最头疼的当然是兼容性问题,尤其是兼容IE8以下版本,很多的便捷的新功能就都用不了,为了解决这类的问题我总结了两种比较好的方法。

使用条件注释

  • 使用条件注释加script标签选择IE版本小于9的浏览器自动立即跳转
  <!--[if lt IE 9 ]><script>window.location.href="http://outdatedbrowser.com/en";</script><![endif]-->
  • 使用条件注释加meta标签选择IE版本小于9的浏览器自动在3秒延迟之后自动跳转
<!--[if lt IE 9 ]>
<meta http-equiv=refresh content="3; URL=http://outdatedbrowser.com/en">
<![endif]-->

以上这句meta标签还经常用于安全登陆。当用户输入了错误的用户名或密码会自动在几秒后跳转页面,防止了通过浏览器抓包进行SQl注入分析的可能。

使用X-UA-Compatible

<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">

先上代码,以上这句meta标签的意思是默认使用Google Chrome Frame(谷歌浏览器内嵌框架),这是谷歌的一款专门解决IE浏览器兼容问题的神器,当用户通过IE访问的页面加入这句代码,将会以Chrome内核的渲染方式浏览网页。

不得不提的一点是这个神器只兼容IE8以及IE8以上的版本,所以配合条件注释基本可以解决低浏览器的兼容问题啦。

END

使用Google Chrome Frame(谷歌浏览器内嵌框架)解决低版本IE不兼容问题相关推荐

  1. IE内嵌google chrome frame解决浏览器兼容问题

    IE内嵌google chrome frame解决浏览器兼容问题 参考文章: (1)IE内嵌google chrome frame解决浏览器兼容问题 (2)https://www.cnblogs.co ...

  2. WEB代码:内嵌框架iframe、frame框架

    1.内嵌框架iframe <iframe src="https://www.baidu.com/" frameborder="0" width=" ...

  3. html框架集frame是啥意思,HTML框架集frameset和内嵌框架iframe

    ? 今天总结 和两个标签. ? frameset标签使用于定义一组框架集,将多个窗口组合在一个框架集中,各个子框架单独引使用一个文档.下面贴一个用的例子: frameset用示例 在以上实例中,定义了 ...

  4. html5-5 HTML5表单元素和内嵌框架

    html5-5   HTML5表单元素和内嵌框架 一.总结 一句话总结:单选框和多选框选的时候外面加label就可以实现选后面文字也可以选中了 1.html5如何实现文件上传? 必须加上enctype ...

  5. 内嵌框架iframe

    内嵌框架iframe 内嵌框架就是在网页中嵌入一个网页,并让它在上一级网页中显示 内嵌框架使用的标签是iframe标签 <iframe src=" URL ">< ...

  6. 《Google Chrome:谷歌浏览器》 --不作恶,但可以恶心你

    <Google Chrome:谷歌浏览器> --不作恶,但可以恶心你 相关服务条款精华部分摘要如下: 2.3 在以下情况下,您不得使用服务且不能接受条款:(a) ">您没有 ...

  7. iframe内嵌框架的强大

    <iframe frameborder="0" style='border:0px;width:"+width+"px;height:"+hei ...

  8. Web学习第三天——HTML中input标签常用属性、框架集、内嵌框架

    第三天HTML中input标签常用属性.框架集.内嵌框架 一.input标签常用属性 表单数据提交特点: (一).文本框(text) (二).密码框(password) (三).单选按钮(radio) ...

  9. html框架集把那根框架隐藏,HTML 框架集 frameset 和内嵌框架 iframe

    HTML 框架集 frameset 和内嵌框架 iframe 今天总结 和 < ifrme> 两个标签. frameset 标签用于定义一组框架集, 将多个窗口组合在一个框架集中, 各个子 ...

  10. Google Chrome Frame

    Google Chrome Frame是谷歌最新发布的一款浏览器插件,这款插件针对IE浏览器的插件.根据宣传的说法是,这款插件可以让IE8用上Chrome的浏览器渲染引擎,以及Chrome的高性能V8 ...

最新文章

  1. wxWidgets:wxFileSystem概述
  2. 【数字逻辑设计】Logisim构建锁存器/触发器
  3. hdu5486 Difference of Clustering 暴力
  4. 发展数字经济面临哪些困难_解决数字音乐制作面临的最大问题之一
  5. 面向java开发者的函数式编程_函数式编程让你忘记设计模式
  6. 嵌入式Linux系统编程学习之二十五信号量
  7. qt creator php扩展,用qt creator搭建开发、调试php扩展的环境
  8. linux下文件的相关信息
  9. bzoj千题计划175:bzoj1303: [CQOI2009]中位数图
  10. 关于latex第四级标题问题
  11. pageadmin CMS网站建设教程:站点的添加和管理
  12. FFmpeg源码分析:av_seek_frame()与avformat_seek_file()
  13. 【图像去噪】基于matlab小波变换(硬阙值+软阙值)图像去噪【含Matlab源码 391期】
  14. Zooming Slow-Mo: Fast and Accurate One-Stage Space-Time Video Super-Resolution----视频超分辨
  15. Mac下手动安装Tex/Latex Package
  16. 学习lumberjack framework(中文版)
  17. C语言贪吃蛇大作战实训心得,在《贪吃蛇大作战》中感悟一些道理
  18. foxmail7导入导出数据
  19. FinalData 数据恢复
  20. MySQL学习笔记(一)—MySQL基础

热门文章

  1. 软件测试—如何建立软件测试管理体系?
  2. Matlab·Simulink的使用—【S函数的创建与应用】
  3. 测试工程师必备小工具指南
  4. 关于DNF的多媒体包NPK文件的那些事儿(3) - IMGV2
  5. 天翼云从业认证(4.3)视频监控云存储解决方案
  6. 华为交换机CSS集群
  7. 前端面试题(一)(CSS篇)建议收藏,持续更新中...
  8. UE4开发工具 - COOKBOOK
  9. 2023王道计算机考研数据结构第一章-绪论
  10. 大学生影视主题网页制作 腾龙电影网页设计模板 学生静态网页作业成品 dreamweaver电影HTML网站制作