文档章节

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

yafasdfa
 yafasdfa
发布于 2014/12/25 09:57
字数 1058
阅读 203
收藏 1

开发中常用代码如下:

禁用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/


© 著作权归作者所有

yafasdfa
粉丝 1
博文 26
码字总数 10332
作品 0
苏州
私信 提问
Web研发模式演变史

前不久徐飞写了一篇很好的文章:Web 应用的组件化开发。本文尝试从历史发展角度,说说各种研发模式的优劣。 一、简单明快的早期时代 可称之为 Web 1.0 时代,非常适合创业型小项目,不分前后...

ingarfield_123
2014/06/12
0
0
AJAX基础(一)——AJAX简介

你是什么?(AJAX简介) AJAX全称为"Asynchronous JavaScript and XML"(异步JavaScript和XML),是指一种创建交互式网页应用的网页开发技术。   主要包含了以下几种技术:   Ajax(Asy...

白志华
2015/09/28
98
0
今晚九点|Flask 基础与 Web 开发实战

废话不多说,我们直接来介绍这次公开课的内容。 主要内容: 一、Web 开发基础 二、在 Flask 中的 “Hello World” 三、Flask 的模版 四、Flask 的消息提示与异常处理 一、Web 开发基础 本章节...

xjtuhit
2017/11/09
0
0
Web前后分离架构研发模式de演变

前不久徐飞技术博客写了一篇很好的文章:Web 应用的组件化开发。本文尝试从历史发展角度,说说各种研发模式的优劣。 一、简单明快的早期时代 可称之为 Web 1.0 时代,非常适合创业型小项目,...

English0523
2015/09/30
0
0
透过微信应用号,看HTML5与Native进入融合时代

本文作者:邹达,APICloud CTO,10年来一直专注于移动浏览器引擎研究,参与过国内外多个浏览器引擎,Javascript引擎和跨平台应用引擎架构和开发。 如果说以前的微信公众号还是一个媒体化的平...

我还是那个我
2016/01/19
13.9K
45

没有更多内容

加载失败,请刷新页面

加载更多

浅析大数据 学习大数据后能做什么

大数据时代的到来使得大数据开发人才迎来了前所未有的机遇和挑战!一个绝佳的入行机会摆在了众人面前!于是,很多人都在打听,大数据到底有何应用?可以用来做什么?好程序员今天就为大家作出...

好程序员IT
13分钟前
1
0
C# USB视频人脸检测

此程序基于 虹软人脸识别进行的开发 SDK下载地址:https://ai.arcsoft.com.cn/ucenter/user/reg?utm_source=csdn1&utm_medium=referral 前提条件 从虹软官网下载获取ArcFace引擎应用开发包,...

是哇兴哥棒棒哒
24分钟前
2
0
Vagrant虚拟机硬盘扩容

# 停止虚拟机vagrant halt <machine_name># 进入VirtualBox VMs目录,查看并记录原磁盘uuid,留作后用vboxmanage showhdinfo box-disk1.vmdk# 克隆磁盘,vmdk格式无法调整大小,需要...

sskill
26分钟前
1
0
分布式商业萌芽,银行迎来发展新机遇

01 分布式商业萌芽,银行迎来发展新机遇 金融界:近几年区块链的热度经历了过山车般的转折。目前追逐区块链的资本也开始冷静下来,于此同时,各大商业银行对区块链的研究应用也越来越多。您认...

Java领航员
32分钟前
2
0
Spring系列教程六: Spring jdbcTemplate在Dao中的使用

概念 Spring中的jdbcTemplate的主要作用是实现数据的交互,下面我们就在dao层中如何使用jdbctemplate写测试案例 项目目录如下 基于xml实现jdbctemplate 这里我们使用的是JdbcDaoSupport这个类...

我叫小糖主
35分钟前
2
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部