ie模式 360兼容模式的兼容性调节以及控制代码

IE10/11不支持条件性注释后的3种替代方法:

方法一:使用IE=EmulateIE9属性指示浏览器采用IE9渲染技术

IE9是支持条件性注释的。

<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE9">

在html网页的head里加入上面的元标记,这样IE10/11就能识别条件性注释了,我们也就可以像IE6/7/8那样编写针对性的CSS代码了。但这样做有个弊端,很显然,浏览器这样就会才能IE9的渲染模式,而不是最新的IE10/11技术。

方法二:使用媒体查询语句+-ms-high-contrast属性

CSS 的媒体查询语句(media query)是一种高级的CSS条件语句,它能根据一些属性和属性值计算判断CSS是否可以生效。在这里,我们要使用一个IE10/11独有的属性,它就 是-ms-high-contrast,只有IE10/11实现了这个属性,它可以有两个值active或none,使用下面的媒体查询语句:

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
/* IE10+ CSS styles go here */
}

火狐浏览器、谷歌浏览器不能识别这个属性,所以不会执行这个查询语句里的CSS,从而实现了条件性执行的效果。

方法三:使用Javascript判断浏览器的类型

先用JavaSCript判断是否是IE浏览器,如果是,就在页面的<html>标记上添加一个“ie”的类名:

var ms_ie = false;
var ua = window.navigator.userAgent;
var old_ie = ua.indexOf(‘MSIE ‘);
var new_ie = ua.indexOf(‘Trident/‘);
    
if ((old_ie > -1) || (new_ie > -1)) {
    ms_ie = true;
}
    
if ( ms_ie ) {
   document.documentElement.className += " ie";
}

时间: 2024-10-24 14:39:32

ie模式 360兼容模式的兼容性调节以及控制代码的相关文章

Angularjs在360兼容模式下取数据缓存问题解决办法

测试提了一个bug,在360浏览器兼容模式下,删除页面数据需要手动刷新浏览器才能看到最新的数据.首先要复现当时的问题,很容易就复现了,但是发现在360浏览器兼容模式下无法打开开发者工具.好在经过反复重装之后,终于打开了开发者工具,经过跟踪发现,第一次删除数据时可以正常刷新,第二次或以后的删除将无法刷新,跟踪代码,发现通过异步请求的数据正常的返回并且绑定了.点击搜索按钮,也无法实现刷新,但是点击分页,发现可以翻页.初步推断是浏览器缓存了异步请求数据,跟踪比较返回的数据发现,推断是正确的.于是从网上

【踩坑】360安全浏览器“极速模式”和“兼容模式”,套路还是bug?

分享踩坑点: 项目中需要兼容360安全浏览器,大家当然都希望用极速模式打开网站,但是发现总是被兼容模式打开 网址类似 aa.xx.dd.com 网上找了很多地方,有以下两种方法 1.<meta http-equiv=X-UA-Compatible content="IE=edge,chrome=1"> 2.<meta name="renderer" content="webkit"> -------------------

Doctype作用,标准模式与兼容模式的区别

<!DOCTYPE>声明位于位于HTML文档中的第一行,处于 <html> 标签之前.告知浏览器的解析器用什么文档标准解析这个文档.DOCTYPE不存在或格式不正确会导致文档以兼容模式呈现.   标准模式的排版 和JS运作模式都是以该浏览器支持的最高标准运行.在兼容模式中,页面以宽松的向后兼容的方式显示,模拟老式浏览器的行为以防止站点无法工作. HTML5 为什么只需要写 <!DOCTYPE HTML>? HTML5 不基于 SGML,因此不需要对DTD进行引用,但是需

360浏览器内核控制,配置使用极速模式或者兼容模式

背景介绍 由于众所周知的情况,国内的主流浏览器都是双核浏览器:基于Webkit内核用于常用网站的高速浏览.基于IE的内核用于兼容网银.旧版网站.以360的几款浏览器为例,我们优先通过Webkit内核渲染主流的网站,只有小量的网站通过IE内核渲染,以保证页面兼容.在过去很长一段时间里,我们主要的控制手段是一个几百k大小网址库,一个通过长期人工运营收集的网址库. 尽管我们努力通过用户反馈.代码标签智能判断技术提高浏览器的自动切核准确率.但是在很多情况下,我们仍然无法达到百份百正确.因此,我们新增加了

三级联动下拉插件waterfall封装, 效果很棒360兼容模式极速模式完美运行兼容IE,Firefox等主流浏览器^

项目中很多地方用到了三级联动就封装了一个适合自己公司的js插件, 虽然写的不太好还是想跟亲们分享下, 多多交流多多指点^_^; 1.效果: 目录结构: 1.源码: jquery.waterfall-1.0.2.js /** *@Author: YingYueZhou *@Date: 2015/07/15 *@Params: object */ ;(function($){ $.fn.waterfall = function(options){ options = $.extend({ nodes

代码切换360浏览器极速模式和兼容模式

http://www.zhihu.com/question/20446741

Doctype作用 标准模式与兼容模式的区别

当要切换的各个屏幕之间没有相互依存关系的时候,该对象可以很好的完成任务.但是当多个屏幕互有关系的时候,就要使用另一种控制器 UINavigationController . 事实上,基本上在所有的 APP 中,必不可少的两种控制器. 没错,在码农的世界里任何语言都是苍白无力的,还是代码来的实际.稍安勿躁,代码马上就来.但是还是要提醒大家,只会写代码的不叫程序员,叫代码搬运工(就是搬砖的),学会编程之后就要升华一下,去掌握编程思想,以让你的代码更优雅,这句话是前几天老大跟我说的,在此送给大家. 本

用Meta标签代码让360双核浏览器默认极速模式不是兼容模式

这篇文章主要介绍了用Meta标签代码让360双核浏览器默认极速模式打开网站不是兼容模式,需要的朋友可以参考下 这篇文章主要介绍了用Meta标签代码让360双核浏览器默认极速模式打开网站不是兼容模式,需要的朋友可以参考下. 一个网站,大量采用了html5和css3,希望用户都以webkit内核打开页面,但是测试却发现360的以ie内核打开为推荐模式,不知原因为何.其实360给网站开发者设计了一种选择的方法,只要加入一段Meta标签代码就可以解决. 以下信息摘自360官方网站: 浏览模式 极速模式.

【转】360浏览器极速与兼容模式的解释

对于360浏览器的极速模式与兼容模式,相信大家都不陌生,极速代表着高速,意味着是高版本的浏览器,速度快嘛.而兼容模式则是极力适合各种浏览器,考虑更多的是兼容. 这两个模式在360浏览器上怎么设置呢? 打开浏览器,在网址的后面有一个闪电的图标或是一个e图标,闪电是指您目前使用的是极速浏览器,而e则代表是兼容模式.两者可以自由切换,切换的方法很简单,直接点击这个图标,有下拉,点击选择就是了. 今天我们对于360浏览器极速与兼容模式有新的解释,是从版本这个角度来看的. 使用极速,就类似用了360的高速