meta指定文档模式

2024-09-03

通过<meta>标签指定IE的文档模式实现CSS3兼容

今天发现之前做好的一个页面在IE中打开显示的效果不正常,本地和服务器上显示的是两种不同的样式. 经过确认文档内容和CSS都是一样的. 通过IE F12(开发人员工具)发现不正常的样式浏览器文档模式自动设置为IE7,但别的机器又是显示的IE9. 证明不同的系统,不同的IE浏览器版本加载时用的文档模式还不一样.当IE识别时,如果采用IE7文档模式就造成CSS3属于无法识别,导致显示效果不一样. 手动将文档模式改为IE9或EDGE才会正常. 要解决该问题,开发人员可在页面顶部声明中加入如下代码即可解

<meta>指定浏览器模式(browser mode)或文档模式(document mode)无效

这是前两天解决的一个故障,准确的说它不是一个SharePoint的问题,而是IE8浏览器或者说是HTML代码的问题,但我感觉还是挺有意思的,所以贴上来分享一下. 基础知识简单的讲,就是IE浏览器中有两个模式设定,一个是“浏览器模式”(Browsers Mode),一个是“文档模式”(Document Mode). “浏览器模式”用于切换IE针对该网页的默认文档模式.对不同版本浏览器的条件备注解析.发送给网站服务器的用户代理(User-Agent)字符串的值.网站可以根据浏览器返回的不同用户代理

<JavaScript>“浏览器模式”和“文档模式”之间的区别

只有IE浏览器中才会有“浏览器模式”和“文档模式”,兼容性视图涉及两个重要的功能便是“浏览器模式[browser mode]”和“文档模式[document mode]”,在IE8/IE9中按F12键,打开“开发人员工具”,在菜单栏中可以看到“浏览器模式”和“文档模式”的切换菜单,其中可以选择切换到IE7/8等不同的网页模式.这个设置之后在js中可以通过navigator.userAgent获得浏览器的版本,这个一般情况是与浏览器模式对应的,也可以通过Document.documentMode获

IE11新文档模式Edge介绍与评估，及在WebBrowser应用中的使用。

浏览器模式与文档模式概念是怎么来的? 1.浏览器模式与文档模式概念起源为了解决兼容性的问题,在IE浏览器(IE8, IE9, IE10)中,引入了浏览器模式和文档模式两个概念,浏览网页时可以通过按F12键看到这两种模式. 2.浏览器模式的主要作用是为兼容较早版本的IE,它会控制浏览器发出的UserAgent,表示以哪个版本的浏览器发出请求,以此来允许为某个特定IE版本设计的代码正确执行(举例来说:有些代码真是判断ie版本的,还有css里也有判断ie版本的). 3.文档模式的主要作用是影响浏览器

JavaScript获取IE版本号与HTML设置ie文档模式

JavaScript获取IE版本代码: var gIE = getIE(); alert(gIE.version) function getIE() { var rmsie = /(msie) ([\w.]+)/; var ua = navigator.userAgent.toLowerCase(); var match = rmsie.exec(ua) var result = {}; if (match && match.length > 0) { result = { brow

全栈JavaScript之路（二十二）IE 专有扩展——文档模式

版权声明:本文为博主原创文章,未经博主同意不得转载. https://blog.csdn.net/hatmore/article/details/37611911 ie8 引入了一个新的概念."文档模式" ,页面的文档模式决定了.能够使用什么功能. 也就是说,"文档模式",决定你了你能够使用哪个级别的css,在javascript能够使用哪些API, 以及怎样对待文档类型(doctype). 两种方式改动: 通过 meta 标签改动,<meta http-e

IE的文档模式, 及Textarea呈现bug一例

做了个非常简单的页面, 仅有几行html代码, 内容如下: <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title></title> </head> <body> <table> <tr> <td style="width:800px;height:300px;border

设置IE浏览器文档模式版本

浏览器版本问题是所有开发web的程序员共同的诟病,尤其是IE浏览器,笔者上次修改公司的一个项目中出现项目是在IE9没有出来之前,而现在修改时,则发现页面上出现的表格的错乱(因为表格是通过js动态生成的比较复杂的表格). 我们可以使用通过几行代码来巧妙的将客户端的浏览器强制以指定版本的(注意这里只能向下兼容)文档模式展示我们的页面: 下面以asp.net程序来说的在每个需要加此设置的的页面中添加在Head下添加: <meta http-equiv="X-UA-Compatible&quo

浏览器默认解析文档模式IE7

背景:实习期间开发了一套页面,兼容到IE8+,可是在给产品体验时,他的QQ浏览器默认解析到了文档模式IE7,出现了页面的兼容性问题.问题排查:QQ浏览器目前有两个模式,极速模式和兼容模式,其中极速模式用的Chrome内核,兼容模式适合只支持IE的网站.首先查看了QQ浏览器的版本,发现是9.4.2,而且兼容模式下用的是IE9的内核,觉得很奇怪,页面在IE8及以上是兼容的啊,为什么会出现问题?后来F12开发者模式发现产品那边浏览器的文档模式自动解析到了IE7,因此出现了兼容性的问题,而且这个问题不易

360浏览器遇到文档模式是IE7的解决办法

这段时间遇到了360浏览器在加载java项目时,默认的文档模式是IE7,使得网页加载下拉框出现问题. 解决的方法是: 在显示的jsp页面加上 <meta http-equiv="X-UA-Compatible" content="IE=edge"> <head> <title></title> <meta http-equiv="X-UA-Compatible" content="I

在代码中设置IE9的默认文档模式

要在旧系统中加一个jquery插件,本地demo测试没问题,部署到服务器后却报错.使用的是IE9浏览器,打开F12调试台,发现默认的文档模式是IE7,调成IE9后,报错消失.可以确认是该插件不兼容IE7造成的. 有一个重大的疑惑,明明是IE9浏览器,打开后怎么会默认是IE7模式呢? 很快,在我翻看旧系统的代码时,这个疑惑稍稍有点眉目,看到了这样的一句:<meta http-equiv="X-UA-Compatible" content="IE=7" />

DOCTYPE是什么鬼？文档模式又是什么鬼？

!DOCTYPE !DOCTYPE是什么: 在所有 HTML 文档中规定 DOCTYPE 是非常重要的,这样浏览器就能了解预期的文档类型, 告诉浏览器要通过哪一种规范(文档类型定义 DTD)解析文档(比如HTML或XHTML规范): !DOCTYPE声明不属于 HTML 标签:tag; 它是一条指令,告诉浏览器编写页面所用的标记的版本. HTML 4.01 中的 doctype 需要对 DTD 进行引用,因为 HTML 4.01 基于 SGML.而 HTML 5 不基于 SGML,因此不需要对

JS魔法堂：精确判断IE的文档模式by特征嗅探

一.前言苦逼的前端攻城狮都深受浏览器兼容之苦,再完成每一项功能前都要左顾右盼,生怕浏览器不支持某个API,生怕原生API内含臭虫因此判断浏览器类型和版本号成了不可绕过的一道关卡,而特征嗅探是继浏览器探测后另一利器处理上述问题. 二.何为特征嗅探从前我们都是通过对navigator.userAgent或navigator.appVersion两个属性值进行特定字符串匹配和萃取来区分浏览器类型和获取版本号的.但随着IE8提供可选的文档兼容性模式设置和各种加壳浏览器的出现,导致无法通过naviga

2013第49周三IE9文档模式

今天完善了原有模块的代码和注释,然后继续之前新模块的开发,并写了两边的service接口,除了因为邮件中有部分问题让我分心外,专心下来写代码的感觉真好,今天基本上没遇到多少让我新感悟的技术问题,就总结下之前遇到的几个问题吧. 1.IE的文档模式,最近在调试页面时总是发现IE9会自动把文档模式切换为IE7,然后导致网页显示不正常,搜索下IE的模式,感觉下文写的不错 http://www.cnblogs.com/zhoukaiwei/archive/2013/05/21/3090587.html 在

X-UA-Compatible IE 浏览器默认文档模式设置

制作网页的时候,IE8浏览器浏览页面的时候,有时候文档模式默认是IE7,导致IE8兼容性不是非常好.出现IE7应该出现的模式. 解决的方法例如以下: 在X-UA-Compatible中可用的方法有: <meta http-equiv="X-UA-Compatible" content="IE=5" > <meta http-equiv="X-UA-Compatible" content="IE=7" >

【IE】浏览器模式与文档模式及其开发中处理方式

原文:http://blog.csdn.net/neo_liu0000/article/details/7589731 什么是浏览器模式和文本模式? 经常使用IE开发者工具的同学,肯定见过浏览器模式和文本模式,对于这两个名词,综合相关文档解释如下: 浏览器模式(Browser Mode),用于切换IE针对该网页的默认文本模式.对不同版本浏览器的条件注释解析.决定请求头里userAgent的值.它在浏览器发出请求之前就已经确定,网站没有办法修改这个值.它代表的是用户以何种浏览器访问网站. 文本模式

1关于script标签属性，注意点，浏览器文档模式，各种数据类型的转化

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head> <title></title></h

ie低版本内核事件兼容问题（事件绑定，绑定事件自动执行，文档模式问题）

问题情况搜狗等,兼容模式下,以前前端写的点击事件的代码没有, 后来一看是因为兼容模式为9,导致点击事件失效解决办法,步骤 1,处理绑定事件兼容问题 ie低版本绑定事件只支持attactevent,所以先写个兼容的事件绑定函数 function myEve(ele,evetype,fn,uc){ var eledoc = document.getElementById(ele) if(eledoc.addEventListener){ eledoc.addEventListener(evety

关于文档模式、DCOTYPE声明及严格模式

1.文档模式文档模式的概念是由IE5.5引入,通过使用文档类型(DOCTYPE)切换实现的.不同的文档模式主要影响CSS内容的呈现,尤其是浏览器对盒模型的解析,但在某些情况下也会影响到JavaScript的解释执行. 文档模式的种类目前存在的文档模式主要有四种: 混杂模式(怪异模式 quirks mode):让IE的行为与(包含非标准特性的)IE5相同: 标准模式(非怪异模式 standard mode):让IE 的行为更接近标准行为(W3C标准). 准标准模式(有限怪异模式 almost

IE的“浏览器模式”和“文档模式的区别”

1.浏览器模式用于切换IE针对该网页的默认文档模式.对不同版本浏览器的条件备注解析.发送给网站服务器的用户代理(User_Agent)字符串的值.网站可以根据浏览器返回的不同用户代理字符串判断浏览器的版本和安装的功能,就可以向不同的浏览器返回不同的页面内容. 2.文档模式用于指定IE的页面排版引擎(Trident)以哪个版本的方式来解析并渲染网页代码.切换文档模式会导致网页被刷新,但不会更改用户代理字符串中的版本号,也不会从服务器重新下载网页.切换浏览器模式的同时,浏览器也会自动的切换到相应的

meta指定文档模式

热门专题