web开发之浏览器(四)----浏览器模式在开发中的影响及应用

烈酒焚心 提交于 2019-12-06 17:42:05

开发中常用代码如下:

禁用IE8兼容模式(IE8兼容模式使用的是IE7的渲染方式)

<meta http-equiv="X-UA-Compatible" content="IE=8" /> //设置内核为IE8,这里改变时,下面会自动改变
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE8" />//设置渲染文档模式为IE8

使用IE8兼容模式

<meta http-equiv="X-UA-Compatible" content="IE=7" />//设置内核为IE7,这里改变时,下面会自动改变 
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" >//设置渲染文档模式为IE7

禁用某杀毒软件的两种浏览器的(无论是安全浏览器还是极速浏览器)IE模式,

<meta name="renderer" content="webkit"/>//设置内核为webkit,

 常用如下:

<meta http-equiv="X-UA-Compatible" content="IE=11;IE=10;IE=9; IE=8;" /> 
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE11;IE=EmulateIE10;IE=EmulateIE9;IE=EmulateIE8" />

另外还有一种

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

这个可能很多人就不知道了,因为这个是chrome开发的一个东西被--墙-了,所以用的人不多。

这是谷歌的外挂:Google Chrome Frame(谷歌内嵌浏览器框架GCF)。这个插件可以让用户的IE浏览器外不变,但用户在浏览网页时,实际上使用的是Google Chrome浏览器内核,而且支持IE6、7、8等多个版本的IE浏览器,

而上文提到的那个meta标记,则是在是安装了GCF后,用来指定页面使用chrome内核来渲染。

GCF下载地址: http://code.google.com/intl/zh-CN/chrome/chromeframe/

安装完成后,如果你想对某个页面使用GCF进行渲染,只需要在该页面的地址前加上 gcf: 即可,例如: gcf:http://cooleep.com

拓展:(浏览器各个模式原理分析)

首先,”浏览器模式”会影响服务器端对浏览器的判断,

IE8+的模式包括三种浏览器模式

1,默认的模式

    即以自身默认的IE8或IE9的方式去解析渲染页面

2,兼容模式

    IE8+的兼容模式相当于以IE7的方式打开页面,此时无论页面渲染方式还是版本号都会变为IE7,

    这种模式的改变影响的是浏览器的内核(引擎)和渲染引擎等于是完全换了一个浏览器一样

    这时候如果页面代码里面的IE条件表达式或者IE版本JS的判断,以及CSS都会影响

    注:兼容模式用于切换IE针对该网页的默认文档模式、对不同版本浏览器的条件备注解析、发送给网站服务器的用户代理(User-Agent)字符串的值。网站可以根据浏览器返回的不同用户代理字符串判断浏览器的版本和安装的功能, 这样就可以向不同的浏览器返回不同的页面内容。

3,文档模式

    IE8+切换为文档模式以后影响的是浏览器的渲染引擎

    等于还是以IE8+打开,但是页面的排版方式(渲染引擎)改变了, 只有CSS会受到影响

    注:文档模式用于指定IE的页面排版引擎(Trident)以哪个版本的方式来解析并渲染网页代码。切换文档模式会导致网页被刷新,但不会更改用户代理字符串中的版本号,也不会从服务器重新下载网页。切换浏览器模式的同时,浏览器也会自动切换到相应的文档模式。

某杀毒软件的浏览器模式(做开发时经常听客户说他们只用某毒的浏览器,所以这里也讲一下 汗。。。)

  极速模式,IE模式,兼容模式

   某毒的浏览器默认都是以极速模式打开的。但是有次我本地测试是极速模式,发布以后就变为IE模式了,所以还是要设置一下比较好,具体不再多说


    参考文章:http://www.iefans.net/shanchu-ie9-wenjianjia/   

                 http://www.iefans.net/ie-liulanqi-wendang-moshi-xuanran-ceshi/


易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!