如何兼容ie5 ie6 ie7 ie8兼容 ie9 ie10 ie11和360浏览器

上一篇我们讲述了,如何使用等兼容模式打开。因为设置了兼容模式,但是只要你的网页关闭,或者重新打开都无法保存,是一次性的设置,如何使他的设置永久能够使用呢,下面我们跟着动天数据来看看,如何使IE11默认使用兼容模式IE9打开。
其实IE的内核版本主要是使用的代理字符串来设置版本内核的,上一篇我们就讲到如何使用代理字符串来设置IE版本内核,下面我们来说说如何强制设置代理字符串而保存起来。
1:我们首先找到电脑的运行按钮,或者输入快捷键:WIN+R,然后输入组策略命令:gpedit.msc。
2:然后我们可以看到组策略页面,选择左边的计算机配置,然后选择管理管理模板,在选择Internet Exploerer这个栏目,点击进去后在选择,自定义用户代理字符串。
然后这里选择已启用,然后在输入IE版本字符串里面输入你需要的IE内核版本号。我们这里给大家列举下:
IE7: MSIE 7.0
IE8: MSIE 8.0
IE9: MSIE 9.0
然后输入进去后,点击应用,然后重新打开浏览器就是自己的IE内核了,这个时候你打开开发者工具里面的仿真,版本号是没变化的,这里不用担心,检测有没生效只能通过浏览器版本检测网址来实现自动检查。
http://castic.xiaoxiaotong.org/help/browserdetecter/ 通过这个网址可以准确的查询到你的浏览器版本以及内核是否已经生效。
于日发表在
你可以,并在保留
及作者的情况下到你的网站或博客。
版权所有: -转载请标明出处
【上一篇】
【下一篇】
本站文章內容原创,免费提供虚拟主机帮助
如果转载本网站内容,请注明文章来源
最新热文随机标签
空间快捷购买
PHP主机推荐:
小提示:本博客在谷歌浏览器上能显示最佳效果!182921人阅读
.NET(43)
Web前端Html(Html5 CSS3)(13)
Javascript/jQuery/Ajax(6)
如有雷同,不胜荣幸,若转载,请注明
让IE6 IE7 IE8 IE9 IE10 IE11支持Bootstrap的解决方法
最近做一个Web网站,之前一直觉得bootstrap非常好,这次使用了bootstrap3,在chrome,firefox,safari,opera,360浏览器(极速模式)、搜狗浏览器等浏览器下均没有问题,而在IE8及IE11下发现样式无法显示,然后各种百度啊,最后在 雅朋网 的一个网友帖子的帮助下解决了问题,也参考了 千寻学习网 的资料,先将解决方法总结如下:
首先需要确保你的HTML页面开始部分要有DOCTYPE声明。DOCTYPE告诉浏览器使用什么样的HTML或XHTML规范来解析HTML文档,具体会影响:
对标记attributes 、properties的约束规则
对浏览器的渲染模式产生影响,不同的渲染模式会影响到浏览器对于CSS代码甚至JavaScript脚本的解析
DOCTYPE是非常关键的,目前的最佳实践就是在HTML文档的首行键入:
&!DOCTYPE html&
大神的帖子总结的bootstrap的查找原因好几条,首先,Bootstrap3 是移动设备优先的原则开发的,所以原因可能如下:
1.没有正确调用远程地址
即只要是IE9以下,就调用两个专门的js
&!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries --&
&!--[if lt IE 9]&
& &script src=&/libs/html5shiv/3.7/html5shiv.min.js&&&/script&
& &script src=&/libs/respond.js/1.4.2/respond.min.js&&&/script&
&![endif]--&
但是我测试发现仅仅使用以上js文件不可行,
2.调用方法不正确
不要用file://或@import形式引用respond.min.js或respond.js或css文件
3.针对浏览器的内容做标识(使用meta标签调节浏览器的渲染方式)
bootstrap不支持IE兼容模式,为了让IE浏览器运行最新的渲染模式,将添加以下标签在页面中
&meta http-equiv=&X-UA-Compatible& content=&IE=edge,Chrome=1& /&
IE=edge表示强制使用IE最新内核,chrome=1表示如果安装了针对IE6/7/8等版本的浏览器插件Google Chrome Frame(可以让用户的浏览器外观依然是IE的菜单和界面,但用户在浏览网页时,实际上使用的是Chrome浏览器内核),那么就用Chrome内核来渲染。关于此meta标签的具体说明,可参见StackOverflow上的精彩回答,&meta&标签高人的英文解释可以参看
/questions/6771258/whats-the-difference-if-meta-http-equiv-x-ua-compatible-content-ie-edge-e
我有加了一句
&meta http-equiv=&X-UA-Compatible& content=&IE=9& /&
然后就可以了
内核控制Meta标签,因为目前国内的主流浏览器都是双内核,故而添加meta标签来告诉浏览器使用什么内核来渲染页面
4.IE8不支持container的几个属性
IE8不完全支持box-sizing:border-box与min-width, max-width, min-height或max-height的一起使用.所以,v3.0.1的bootstrap中对container的类,已经不再使用max-width了。
5.JS与CSS的引入顺序导致的问题
必须先引用css在引用js
&link rel=&stylesheet& type=&text/css& href=&bootstrap.min.css& media=&screen&/&
&script type=&text/javascript& src=&js/respond.min.js&&&/script&
6.DOCTYPE前后有空行
&!DOCTYPE html&
这里有空格也不行,要去掉空格
7.也可以手动修改bootstrap.css
如果您使用的是bootstrap2.1.1,修改了navbar-inner{ filter:none}可解决问题,如果使用的是3.0+版的,没有这段代码了,详细介绍请看连接
/questions//bootstrap-navbar-does-not-show-in-ie8
8.使用quirks mode(兼容模式)
定义网页时,向后兼容旧的浏览器的模式就是quirks mode,与之对应的是“标准模式”就是 standard mode。具体是将&!DOCTYPE html&写成以前的这种
&!DOCTYPE HTML PUBLIC &-//W3C//DTD HTML 4.01//EN& &http://www.w3.org/TR/html4/strict.dtd&&
这个我测试过,不可行
最后我在IE11下测试通过,但是在IE8下测试,有发现一个问题placeholder不被支持
下面是解决IE支持placeholder的方法
本文引用的jquery是1.11.1测试通过,先引用jquery
&script type=&text/javascript& src=&/jquery-1.11.1.min.js&&&/script&
也可以用其他的jquery版本
再引入&script type=&text/javascript& src=&js/jquery.placeholder.js&&&/script&
jquery.placeholder.js这个文件的下载地址/mathiasbynens/jquery-placeholder
然后再文件中加入一下代码
&script type=&text/javascript&&
& & $(function () {
& & & & // Invoke the plugin
& & & & $('input, textarea').placeholder();
如果我这里为涉及到的或者问题依然没有解决的请移步/post/2014/01/ie8-compatibility更加详细
以上IE6,7,8,9,10,11,chrome,firefox,safari,opera,360浏览器(极速模式)、搜狗浏览器测试通过,只有IE5.5似乎不太可行,总之问题解决到此,万恶的IE6-都叫它打酱油去吧
如果您不想使用jquery.placeholder.js,再不支持placeholder的浏览器下模拟placeholder实现
可参考此文讲很详细/entry/1595
&&相关文章推荐
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场
访问:665954次
积分:4394
积分:4394
排名:第6928名
原创:67篇
转载:12篇
评论:177条
(3)(1)(1)(1)(3)(3)(2)(1)(1)(2)(2)(2)(1)(1)(1)(1)(1)(2)(2)(2)(2)(9)(5)(2)(6)(8)(8)(6)IE6、IE7、IE8之IE多版本共存的几种方法
靠谱的软件下载站
当前位置: &///
IE6、IE7、IE8之IE多版本共存的几种方法
阅读(18559)
一、单独安装(相对繁琐,不推荐)
使用IE6 Green、IE7 Standalone 及IE8 安装文件,分别安装各自的浏览器。
安装顺序:1、IE6 Green& 2、IE7 Standalone& 3、IE8 beta2
相关下载地址:
IE6 Green:
由Everplus打包
IE7 Standalone:
IE7 XP版本: &
IE7 其它版本:
相关参考:
二、Multiple IE(不推荐)
实际上Multiple IE只实现了IE6及以下版本的整合,对目前来说有些过时的感觉。
三、IETester(推荐)
又一个整合的IE,不同的是,它创新式的以选项卡的方式显示不同的浏览器版本,并对IE8 Beta1进行了支持,尽管目前IE8 Beta2已经面世,不过我们仍可以坚信等IE8正式发布时,开发成员会及的对IETester进行更新。
同时打开多个窗口
四、IECollection(推荐)
看名字便可以知道,又是一个整合版本的IE,可以说它就是Multiple IE的新兄弟,因为它们实在是太像了,只是Multiple IE有些更新的嫌疑,而IECollection的更新速度会让我们惊讶,刚出IE8 Beta 2,IECollection已经进行了整合。
Internet Explorer Collection contains the following versions of IE:
- Internet Explorer 1.0 (4.40.0.308)
- Internet Explorer 1.5 (0.1.0.10)
- Internet Explorer 2.01 (2.1.0.46)
- Internet Explorer 3.0 (3.0.1152)
- Internet Explorer 4.01 (4.72.3110.0)
- Internet Explorer 5.01 (5.00.)
- Internet Explorer 5.5 (5.51.)
- Internet Explorer 6.0 (6.00.)
- Internet Explorer 7.0 (7.0.5730.13)
- Internet Explorer 8.0 (8.0.)
Warning: Never use Internet Explorer as primary browser.
下载: (43.0 MB, 45.154.305 bytes)
快捷方式(其中和一个为IE6绿色版的图标)
使用效果(IE6、IE7、IE8)
五、Xenocode Browser Sandbox (推荐)
Xenocode Browser Sandbox 改变了基于 Windows 的浏览器兼容测试工具的游戏规则,只需点一下鼠标,就会直接打开一堆各式各样的浏览器窗口,你可以在不同版本的 IE, Firefox, Google Chrome, Safari 进行测试。是真正的测试,不是屏幕截图,该工具完全免费。唯一遗憾的是,目前不支持 Mac。解决IE6 IE7 IE8 IE9 IE10 IE11支持Bootstrap的解决方法,解决后支持HTML5 —技术博客
解决IE6 IE7 IE8 IE9 IE10 IE11支持Bootstrap的解决方法,解决后支持HTML5
本站使用的Bootstarp 3.x ,一直就不支持非的浏览器,也就是不在非HTML5浏览器下,显示是不友好的,之前一直没空解决,看着挺恶心的,今天我把他改版支持浏览器,故发布了:解决IE6&IE7&IE8&IE9&IE10&IE11支持的解决方法。首先这些资料摘自网络上的各个作者的文章,下面可能会列举参照的网址。一、引入依赖的Javascript。/common/html5/html5shiv.js/common/html5/respond.min.js这2个Javascript 是在本站开放CDN 上,您可以复制地址直接使用,安全和稳定性不用担心。如果担心的,本博客下附件可以下载,另外要引用。/common/jquery/jquery1.8.3.min.js本人比较中意这个版本,v1.8.3 的。二、增加meta头部信息。我的建议是添加以下2个即可。&meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" name="viewport" /&
&meta http-equiv="X-UA-Compatible" content="IE=edge"/&bootstrap 不支持IE兼容模式,为了让浏览器运行最新的渲染模式,将添加以上标签在页面中,IE=edge 表示强制使用最新内核,chrome=1 表示如果安装了针对IE6/7/8 等版本的浏览器插件Google&Chrome&Frame (可以让用户的浏览器外观依然是IE的菜单和界面,但用户在浏览网页时,实际上使用的是浏览器内核),那么就用&内核来渲染。关于此meta 标签的具体说明,可参见StackOverflow上的精彩回答,&meta& 标签高人的英文解释可以参看 ——摘自: 三、本站就是这么解决的。具体添加的代码如下。&!--[if lte IE 9]&
&meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" name="viewport" /&
&meta http-equiv="X-UA-Compatible" content="IE=edge"/&
&script src="${cdn}/js/common/html5/html5shiv.js"&&/script&
&script src="${cdn}/js/common/html5/respond.min.js"&&/script&
&script src="${cdn}/js/common/html5/jquery.placeholder.min.js"&&/script&
so(function(){
//再次判断是否支持HTML5
var i = document.createElement("input");
i.setAttribute("type", "range");//因为非HTML5浏览器不支持range属性。
if (i.type == "text" && location.href.search('infoHtml5.html') ===-1) {
layer.open({
title: '系统提示',
content: '经系统检测,您的浏览器不支持HTML5。&br&为了更好的服务,建议你更换浏览器。&br&再使用
在线工具。',
btn:['继续使用','详细说明'],
yes: function(index, layero){
layer.msg('有的功能不能正常使用哦。');
$('.layui-layer-btn1').on('click',function(){
location.href="/infoHtml5.html"
$('input, textarea').placeholder();
&![endif]--&判断小于IE9 才添加这些代码。四、解决HTML5 placeholder属性问题。首先引入一个提供的。/common/html5/jquery.placeholder.min.js你可以直接使用,或者下载附件。引入后,再加入初始化事件。$(function(){
//解决IE浏览器placeholder问题
$('input, textarea').placeholder();
});其实上面的代码里有。最好是判断下是下才执行。参考第三点的代码部分。
如果本文对你有帮助,那么请你赞助我,让我更有激情的写下去,帮助更多的人。
版权所属:
原文地址:
转载时必须以链接形式注明原始出处及本声明。
工具导航地图
JSON相关:
jQuery 相关:
常用对照表:-
前&&&&&&&&&&端:-
转&&&&&&&&&&换:-
单位换算:-
生活工具:-
格式化、压缩:-
运算符优先级:-
二&&维&&码:-
站长工具:-
月供计算:-
税费计算: -
还款工具:-
时间工具:
进制转换:
程序员福利:
归属网站:
与我们合作:
搜索的内容将在这里展现。 提示:&搜索快捷键:Ctrl + F
/ &关闭快捷键:Esc

我要回帖

更多关于 ie6怎么升级到ie8 的文章

 

随机推荐