当前位置:首页 » 落伍者说 » HTML文档兼容模式X-UA-Compatible

HTML文档兼容模式X-UA-Compatible

原创 西吉老杨 520°c 2019年02月25日 22:21 落伍者说 0条评论
  移步手机端

1、打开你手机的二维码扫描APP
2、扫描左则的二维码
3、点击扫描获得的网址
4、可以在手机端阅读此文章
HTML文档兼容模式X-UA-Compatible摘要:

文档兼容模式不同浏览器之间经常产生各种奇异的现象,为了解决这些问题,使用以下方法,发现很多问题自动消失不见了<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome...

Σ( ° △ °|||)︴这篇文章最后更新于367天前,您需要注意相关的内容是否还可用。
总字数:3104

文档兼容模式

不同浏览器之间经常产生各种奇异的现象,为了解决这些问题,使用以下方法,发现很多问题自动消失不见了

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

这是一个,文档兼容模式的定义。 Edge 模式告诉 IE 以最高级模式渲染文档,也就是任何 IE 版本都以当前版本所支持的最高级标准模式渲染,避免版本升级造成的影响。 简单的说,就是什么版本 IE 就用什么版本的标准模式渲染 <meta http-equiv="X-UA-Compatible" content="IE=edge"> 使用以下代码强制 IE 使用 Chrome Frame 渲染 <meta http-equiv="X-UA-Compatible" content="Chrome=1"> 提示 IE 用户安装 Google Frame Google 官方提供了对 Google Frame 插件安装情况的检测,这里直接调用方法即可,如果检测到 IE 并未安装 Google Frame,则弹出对话框提示安装。 <script src="http://ajax.Googleapis.com/ajax/libs/Chrome-frame/1/CFInstall.min.js"></script><script>CFInstall.check();</script> 最佳的兼容模式方案,结合考虑以上两种: <meta http-equiv="X-UA-Compatible" content="IE=edge,Chrome=1">

Google Chrome Frame

Google开发的一个Google Chrome Frame「Google Chrome 浏览器内嵌框架 – GCF」。使用GCF可以让用户的IE浏览器外观不变,但用户在浏览网页时实际上使用的是Chrome的内核,并且支持Windows XP及以上系统的IE6/7/8。

官方对其定义:

  • 可使用开放式网络技术(如 html5 canvas 标记)立即启动,甚至包括 Internet Explorer 6、7 或 8 尚不支持的技术。

  • 利用 JavaScript 性能增强功能,使应用程序速度更快,响应更灵敏。

w3.org的html5验证

然而,下一个问题又来了,在w3.org的html5验证工具下:

html5 Validator Error “Bad value X-UA-Compatible for attribute http-equiv on element meta

介个也好解决,针对三种主流服务器,我们都可以在服务器端配置http equiv规则:

1、apache服务

确保 mod_headers 和 mod_setenvif 是available的,然后在httpd.conf「新版Apache的配置文件是 apache2.conf」或者在.htaccess中加入以下规则:

<IfModule mod_setenvif.c>
<IfModule mod_headers.c>
BrowserMatch chromeframe gcf
Header APPend X-UA-Compatible "chrome=1" env=gcf
</IfModule>
</IfModule>

2、Windows Server在IIS7或者更高版本的服务

只需要修改web.config文件,添加如下信息即可:

<configuration>
<system.webServer>
<httpProtocol>
<customHeaders>
<add name = "X-UA-Compatible" value = "chrome=1" />
</customHeaders>
</httpProtocol>
</system.webServer>
</configuration>

3、Nginx服务

只需要找到ginx.conf并编辑,在server { }区域里(最好是闭合符前面起一行)添加下列代码即可:

add_header "X-UA-Compatible" "IE=Edge, chrome=1"

  总结

  1. 如果支持Google Chrome Frame:GCF,则使用GCF渲染;

  2. 如果系统安装ie8或以上版本,则使用最高版本ie渲染;

  3. 否则,这个设定可以忽略。

极速模式

最近用360浏览器访问自己网站,发现都是被优先选用兼容模式打开,这使得网站很难看。为了让360浏览器打开网站的时候优先试用极速模式,找了一下官方论坛,发现了解决方案。

在head标签中添加一行代码

 <meta name="renderer" content="webkIT|ie-comp|ie-stand">

content的取值为webkIT,ie-comp,ie-stand之一,区分大小写,分别代表用webkIT内核,IE兼容内核,IE标准内核。 

若页面需默认用极速核,增加标签:<meta name="renderer" content="webkIT"> 

若页面需默认用ie兼容内核,增加标签:<meta name="renderer" content="ie-comp"> 

若页面需默认用ie标准内核,增加标签:<meta name="renderer" content="ie-stand"> 

ie10 兼容性调整之滚动条

因为微软要兼容触摸屏 所以滚动条是必须要修正的 触摸屏上滚动条不以鼠标滚轮为触发

所以ie10下凡是以前没有显示声明scroll-y的 现在必须显示的做出滚动条声明

比如lightbox的父级容器就必须在_finish处理函数中添加 

$('#container').CSS({'overflow-y':'scroll'});

以达到显示声明的目的.

较为通用的解决办法是: -ms-overflow-style: scrollbar;/*auto | none | scrollbar | -ms-autohiding-scrollbar*/

欢迎阅读本文,希望本文对您有所帮助!

本文链接:https://xiji.ren/post/38.html

版权声明:本文为原创文章,版权归 西吉老杨 所有,欢迎分享本文,转载请保留出处!

一路向西、吉祥如意,好看的网文,网络奇文尽在西吉人(xiji.ren)博客

欢迎收藏本站,每天更新高质量文章!

评论(0) 赞助本站

赞助西吉人(xiji.ren)博客

发表评论:


【顶】 【踩】 【好】 【懵】 【赞】 【表情】

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。

推荐阅读

百度搜索将上线“劲风算法” 打击恶意构造聚合页的网站和小程序

发布 : | 分类 : 落伍者说 | 评论 : 0人 | 浏览 : 7次

据百度搜索技术团队称,百度搜索近期将上线“劲风算法”。旨在控制恶意构造聚合页的问题对搜索用户的影响,保障搜索用户的体验、保证搜索结果公平,惩罚部分网站及智能小程序通过恶意构造聚合页面内容来获取搜索排名的行为。另据站长之家了解,此前已有不收违规站点收到了整改通知,并要求最快于28日前完成整改工作,这很可能意味着算法将于28日逐步上线。聚合页,是指页面并无文章主体内容,而是多个页面的索引链接围绕在特定主题下的信息整合页。针对恶劣聚合页问题,搜索一经识别,将会结合站点及智能小程序的用户评价,限制其在搜...

标签 :

中国互联网发展简史1989-2020

发布 : | 分类 : 落伍者说 | 评论 : 0人 | 浏览 : 17次

1989年, 中国开始建设互联网.1995年,张树新创立首家互联网服务供应商—让老百姓进入互联网。通信让信息的流通发生了致的变化。1996年论坛迅速爆发,1999年中国标志性的网游石器时代发行,QQ上线。2000年,中国三大门户网站搜狐、新浪、网易在美国纳斯达克挂牌上市(2001年1G淘汰开启2G通信时代),2002年,第二季度搜狐率先宣布盈利。从拨号上网到宽带,使网吧遍地开花,网游一出现就是全世界的宠儿,有的企业兵临破产,因为拿下一款网游的代理起死回生,网游不断的在向世界展示他的吸金能力,一个...

标签 :

开通微信商品橱窗功能

发布 : | 分类 : 落伍者说 | 评论 : 0人 | 浏览 : 20次
开通微信商品橱窗功能

微信商品橱窗的功能上线了,用户通过申请商品橱窗可以通过橱窗出售自己的商品等,类似于抖音带货那种。开通方法:关注【微信转账助手】微信发送【橱窗】可以查看有没有内测资格,如果条件满足,即可申请开通微信商品橱窗。如果不满足内测条件,会自动回复你:功能正在小范围内测,多使用微信转账收款可尽快获得资格。开通商品橱窗后,可以在橱窗里发布自己的各种商品信息,还可以一键分享给好友,让好友通过微信橱窗购买产品,而且后台还带自动统计功能,可以十分方便的让你通过橱窗即可购买商品,这对许多微商行业从业者来说,不失为一个...

标签 :

今日头条推荐机制详解

发布 : | 分类 : 落伍者说 | 评论 : 0人 | 浏览 : 19次
今日头条推荐机制详解

本文先介绍一下什么是今日头条智能个性化推荐,然后说明头条号推荐机制、规律。1、什么是今日头条智能个性化推荐?头条号跟微信公众号最大的区别是:头条号自带粉丝,就算头条号创作者没有粉丝也有可能获得百万千万的阅读量。决定头条号文章阅读量高低的是推荐量。头条号自媒体引用智能个性化推荐引擎,能够精准找到读者,无需求关注、求订阅也能拥有海量读者。今日头条属于机器智能个性化推荐机制,即通过机器算法将用户发表的内容(视频、文章)分发给内容的受众。智能个性化推荐引擎会根据文章特征(内容质量、内容特征、首发情况、互...

标签 :

阿里云深度核查网站备案情况

发布 : | 分类 : 落伍者说 | 评论 : 0人 | 浏览 : 24次
阿里云深度核查网站备案情况

想必最近各位站长朋友都收到了阿里云的这个短信《关于网站主页下方标明备案编号的通知》通知,我也如此,大意是要求所有的网站多要做好备案号的悬挂和链接工作。如果未在其备案编号下方链接信息产业部备案管理系统网址的,由住所所在地省通信管理局责令改正,并处五千元以上一万元以下罚款。再联想到前段时间严查的个人网站,可以预见,未来中国会对所有的网站备案进行规范化管理。现在阿里云、腾讯云、百度云、华为云等一线的云计算服务商都以和工信部备案系统打通。从备案的申请、检查、注销等等一系列工作都做到了无缝衔接。而作为国内...

标签 :

疫情之下,娱乐之外,直播还有哪些价值?

发布 : | 分类 : 落伍者说 | 评论 : 0人 | 浏览 : 20次

对抖音直播来说,这一次“我们的抗疫生活”专题活动,就是一次“抗击疫情”的尝试。抖音直播充分发挥了自身擅长的强运营策略,选取整合了 50 多场优质直播节目,丰富抖音用户的居家生活。2 月 22 日,奥运冠军吴敏霞在抖音上做了一场直播,却让自己老公意外火了。在抖音热点榜上,“吴敏霞直播老公花式抢镜”话题热度迅速飙升,直接冲到了榜单第二,讨论热度也达到了703. 6 万。“谁是老陈?你这个黑粉,你走开。我是小张,是她亲老公。”“这‘心’是干啥的?要花钱吗?要花钱你们就别弄了,怪贵的,咱就聊聊天。”“哎...

标签 :

《网络信息内容生态治理规定》

发布 : | 分类 : 落伍者说 | 评论 : 0人 | 浏览 : 27次
《网络信息内容生态治理规定》

近日,国家互联网信息办公室发布了《网络信息内容生态治理规定》自2020年3月1日起施行。这个法案最大的亮点在于,对一些常见的网络活动进行明确立法,这个法规非常重要,严重关系互联网创业者的利益。例如:网络暴力、人肉搜索、深度伪造、流量造假、操纵账号。这些互联网违法行为,几乎所有的互联网公司都有或多或少的涉及。因为以前没有明确规范这些行为到底触犯了什么法律,多数的违法行为都以“非法经营罪”定罪,而这次是明确下来了。再举一个简单的例子:例如多年前,有个大兄弟,被称作粉丝之王。他当时在饭否网祝一夜之间注...

标签 :

域名www,到底要不要加?

发布 : | 分类 : 落伍者说 | 评论 : 0人 | 浏览 : 34次

尽管人们总是把“域名”和“主机名”这两个词混为一谈,但这它们是有区别的,而且不只是语义上的区别。我会简单介绍一下这两个词,以示其区别:作为一个IT管理员,你的网络系统就是你的域。你需要给这个域起名,并登记在域名系统(DNS)中,比如说,你可以起名为“example.com”。域的下面是主机,每个联网的设备都可以算作一个主机。在你的域内,服务于万维网(WWW)文件的机器会自动获得主机名“www”,因此你的完全限定域名(FQDN,同时带有主机名和域名的名称)就是www.example.com。不管其...

标签 :

搜索引擎站长平台

发布 : | 分类 : 落伍者说 | 评论 : 0人 | 浏览 : 35次

站长平台是搜索引擎官方提供的的辅助网站优化管理的官方工具,也是各大搜索引擎针对网站推出的的一些优化方向和算法整改的交流平台,基本上从事网站优化离不开站长平台,接下来为杰哥就为大家盘点下目前业内知名的站长平台都有哪些?1、百度站长平台百度站长平台可以说是目前国内站长使用最多的站长工具平台,当然这跟百度搜索强大的搜索流量直接挂钩,算是目前国内站长平台功能最完善的一个站长平台,对于网站管理和网站数据监测具有一定的参考意义,在国内站长平台这块算是排在首位。百度站长平台入口:https://ziyuan....

标签 :

如何做好网络推广的营销策划

发布 : | 分类 : 落伍者说 | 评论 : 0人 | 浏览 : 58次

首先我想说,做线上推广是一件很重要的事情。如果你认同了这一点的话,那你就得认同做推广之前得先有个计划,也就是营销方案。这个营销方案你可以不着急确定,事先做足团队沟通,市场调查,做好执行方案以及费用预算等等。废话一句,此方案一旦确定就不能改变。比方说你现在想把谋个产品推广出去,从而实现销售的目的。那么你就要开始思考自己的目标客户一般会出现在网上的哪个地方,把这些地方都罗列出来。然后思考自己目标客户大概喜好是什么样子从而撰写推广文案。为什么说营销方案一旦确定就不能改变呢?请耐心看完整篇文章,您所有的...

标签 :
您好,欢迎到访网站!
  查看权限