IE文档兼容模式可以解决360浏览器…

最新推荐文章于 2021-01-13 09:41:28 发布
最新推荐文章于 2021-01-13 09:41:28 发布
阅读量738 收藏
点赞数
分类专栏： 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/uestc_lxp/article/details/40657231
版权

IE 浏览器支持多种文档兼容模式，得以因此改变页面的渲染效果。

IE9 模式支持全范围的既定行业标准，包括 HTML5（草案）, W3C CSS Level 3 规范（草案）, SVG 1.0规范等

IE8 模式支持许多既定行业标准，W3C CSS Level 2.1 规范和 W3C Selectors API，有限支持W3C CSS Level 3 规范（草案）和其他行业标准

IE7 模式强制浏览器按照 IE 7 标准模式渲染文档，忽略是否定义指令

Emulate IE9 模式告诉 IE 使用指令来决定如果渲染文档。标准模式下以 IE9 渲染，怪癖模式下以 IE5 渲染。和IE9 模式不同的是，Emulate IE9 模式会考虑指令

Emulate IE8 模式告诉 IE 使用指令来决定如果渲染文档。标准模式下以 IE8 渲染，怪癖模式下以 IE5 渲染。和IE8 模式不同的是，Emulate IE8 模式会考虑指令

Emulate IE7 模式告诉 IE 使用指令来决定如果渲染文档。标准模式下以 IE7 渲染，怪癖模式下以 IE5 渲染。和IE7 模式不同的是，Emulate IE7 模式会考虑指令。对于大多数站点而言，这是首选的兼容模式

IE5 模式告诉 IE7 是否以怪癖模式渲染文档

Edge 模式告诉 IE 以最高级模式渲染文档，也就是任何 IE版本都以当前版本所支持的最高级标准模式渲染，避免版本升级造成的影响。简单的说，就是什么版本 IE 就用什么版本的标准模式渲染

使用以下代码强制 IE 使用 Chrome Frame 渲染

提示 IE 用户安装 Google Frame
Google 官方提供了对 Google Frame 插件安装情况的检测，这里直接调用方法即可，如果检测到 IE 并未安装Google Frame，则弹出对话框提示安装。

 
 
最佳的兼容模式方案，结合考虑以上两种：
 
 
 
 
<meta http-equiv="X-UA-Compatible" content="IE=9">
 
 
 
 
 IE8 模式支持许多既定行业标准，W3C CSS Level 2.1 规范和 W3C Selectors API，有限支持 W3C CSS Level 3 规范（草案）和其他行业标准
 
 
<meta http-equiv="X-UA-Compatible" content="IE=8">
 
 
 IE7 模式强制浏览器按照 IE 7 标准模式渲染文档，忽略是否定义指令
 
 
<meta http-equiv="X-UA-Compatible" content="IE=7">
 
 
 Emulate IE9 模式告诉 IE 使用指令来决定如果渲染文档。标准模式下以 IE9 渲染，怪癖模式下以 IE5 渲染。和 IE9 模式不同的是，Emulate IE9 模式会考虑指令
 
 
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE9">
 
 
 Emulate IE8 模式告诉 IE 使用指令来决定如果渲染文档。标准模式下以 IE8 渲染，怪癖模式下以 IE5 渲染。和 IE8 模式不同的是，Emulate IE8 模式会考虑指令
 
 
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE8">
 
 
 Emulate IE7 模式告诉 IE 使用指令来决定如果渲染文档。标准模式下以 IE7 渲染，怪癖模式下以 IE5 渲染。和 IE7 模式不同的是，Emulate IE7 模式会考虑指令。对于大多数站点而言，这是首选的兼容模式
 
 
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7">
 
 
 IE5 模式告诉 IE7 是否以怪癖模式渲染文档
 
 
<meta http-equiv="X-UA-Compatible" content="IE=5">
 
 
 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">
 
 
 


                

        

        

    

  


    


                



	

		

			

				
					
vue检测是不是360浏览器兼容模式_Vue项目 IE/360浏览器兼容模式下打开空白的问题...

				
			

			

				

					weixin_39746382的博客
				

				

					12-22
					
					1036
					
				

			

		

		

			
				
记一次bug解决bug发现项目不复杂,就是一个基于vue-cli3搭建的pc端项目在开发进入后半段的时候发现在360浏览器兼容模式先显示空白而且没有报错,此类问题之前我写react在低版本的qq浏览器上也遇到过,因为当时写的是移动端项目也就没在意网上搜索找到的答案几乎都是Promsie的兼容问题,给出的解决方案是babel-polyfill,script标签引入也好,main.js引入也好,都没有...

			
		

	



                

            
              



	

		

			

				
					
浅谈解决360兼容模式浏览器的方法

				
			

			

				

					10-21
				

			

		

		

			
				
其次， X-UA-Compatible元标签是一个文档兼容模式的定义，它告诉IE浏览器以最高级模式渲染文档。在IE浏览器中，该指令的设置通常放在HTML文件的部分，通过<meta http-equiv="X-UA-Compatible" content="IE=edge">的...

			
		

	



              


  
              

                


	

		

			

				
					
360浏览器 与 IE的兼容性模式笔记

				
			

			

				

					我的专栏
				

				

					11-25
					
					1808
					
				

			

		

		

			
				
一、
1、IE中设置的模式（如:IE9兼容模式），决定了IE向httpServer发送时，request header中User-Agent (UA) 中的内容。
2、IE中的文档模式，指明了IE渲染 http标签时，使用的引擎。改变文档模式时，IE将重新渲染页面，但是不会回重新像httpServer发送请求，也就是说不会从httpServer获取到新的html内容的输出。


二、

			
		

	





	

		

			

				
					
360浏览器兼容模式下IE内核版本

				
			

			

				

					weixin_30578677的博客
				

				

					11-06
					
					1687
					
				

			

		

		

			
				
问题

最近在跟客户演示系统时，自己电脑IE 11下好好的，我们web系统最低支持到IE9。在客户电脑上，IE9浏览器下可以正常浏览，但是360兼容模式下，页面什么也不显示。
通过F12调试工具发现，360浏览器默认使用的并不是用户电脑上的IE9模式，而是IE9的兼容模式，调整为IE模式可以正常显示。

IE兼容性列表
通过检查IE浏览器菜单发现，IE浏览器是可以设置兼容性列表的。通过I...

			
		

	



		

			
		



	

		

			

				
					
IE兼容模式文件上传所遇问题解决

				
			

			

				

					kgz1990的专栏
				

				

					10-16
					
					8602
					
				

			

		

		

			
				
近期搭建erp新架构的时候，遇到一个文件上传问题，下面谈一下问题的出现和解决过程。
     项目技术架构如下，springboot+jquery+adminlte+jpa+spring jdbc。前端做文件上传采用了jquery.form.js的ajaxSubmit方法，该方法可实现页面无刷新提交form表单以及文件上传。功能开发所用浏览器是谷歌，但是因为要求兼容ie，特别是要在ie兼容模式下

			
		

	





	

		

			

				
					
关于360浏览器兼容模式下文档模式默认以ie7标准渲染

				
			

			

				

					yq_dxp1218的博客
				

				

					05-09
					
					3132
					
				

			

		

		

			
				
 有时网站在ie7的模式下是不兼容的，页面布局会乱，或则js代码不执行，我们只需要在网页head标签中加这么一句话

&lt;meta http-equiv="X-UA-Compatible" content="IE=edge"&gt;

就可以让文档模式默认是ie11，或则最高版本

具体可以参考   https://www.zhihu.com/question/28001699

一般项目中要...

			
		

	





	

		

			

				
					
360浏览器兼容模式文档模式默认以ie7标准渲染?

				
			

			

				

					不是太高的手的专栏
				

				

					06-24
					
					4394
					
				

			

		

		

			
				
今天，360浏览器下在线报名的页面数据显示异常，极速下并没有问题。360帮助中心是这么说的：浏览器默认内核的指定只需在head标签中添加一行代码即可：  
若页面需默认用极速核，增加标签：  
若页面需默认用ie兼容内核，增加标签：  
若页面需默认用ie标准内核，增加标签：  
content的取值为webkit,ie-comp,ie-stand之一，区分大小写，分别代表用webkit内核，IE兼

			
		

	





	

		

			

				
					
360兼容模式页面错位_解决360浏览器兼容模式的页面显示问题

				
			

			

				

					weixin_42436686的博客
				

				

					01-13
					
					1253
					
				

			

		

		

			
				
由于众所周知的情况，国内的主流浏览器都是双核浏览器：基于Webkit内核用于常用网站的高速浏览。基于IE的内核用于兼容网银、旧版网站。以360的几款浏览器为例，我们优先通过Webkit内核渲染主流的网站，只有小量的网站通过IE内核渲染，以保证页面兼容。在过去很长一段时间里，我们主要的控制手段是一个几百k大小网址库，一个通过长期人工运营收集的网址库。尽管我们努力通过用户反馈、代码标签智能判断技术提高...

			
		

	





	

		

			

				
					
为什么360浏览器兼容模式文档模式默认以ie7标准渲染

				
			

			

				

					dkmings的博客
				

				

					06-12
					
					8608
					
				

			

		

		

			
				
今天测试一个网站兼容性  用360兼容模式打开会出现一些问题  查看了 原来360兼容模式 默认是用IE7 来渲染； 



解决方式很简单： 

可以用

以最高级模式渲染文档 来解决这个问题。


也可以用

默认打开 webkit 内核模式。

			
		

	





	

		

			

				
					
360兼容模式页面错位_解决360双核浏览器兼容模式的页面显示问题

				
			

			

				

					weixin_42136837的博客
				

				

					01-13
					
					570
					
				

			

		

		

			
				
由于众所周知的情况，国内的主流浏览器都是双核浏览器：基于Webkit内核用于常用网站的高速浏览。基于IE的内核用于兼容网银、旧版网站。以360的几款浏览器为例，我们优先通过Webkit内核渲染主流的网站，只有小量的网站通过IE内核渲染，以保证页面兼容。在过去很长一段时间里，我们主要的控制手段是一个几百k大小网址库，一个通过长期人工运营收集的网址库。尽管我们努力通过用户反馈、代码标签智能判断技术提高...

			
		

	





	

		

			

				
					
解决360双核浏览器兼容模式的页面显示问题

				
			

			

				

					12-13
				

			

		

		

			
				
360浏览器的这一内核控制功能类似于IE9的`X-UA-Compatible`指令，它允许网站指定IE的兼容性模式。通过这种方式，开发者可以更好地控制浏览器的行为，确保网站在360双核浏览器下的显示效果。  在实际应用中，一些...

			
		

	





	

		

			

				
					
页面在360浏览器下显示不正常的兼容性问题

				
			

			

				

					12-13
				

			

		

		

			
				
通过以上步骤，我们可以有效地解决360浏览器下页面显示不正常的问题，确保Web应用在各种环境下的良好体验。在开发过程中，持续关注浏览器的更新和技术发展，及时调整和优化代码，也是保持网站兼容性的关键。

			
		

	





	

		

			

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

				
			

			

				

					09-28
				

			

		

		

			
				
例如，将Meta标签的name属性设置为"renderer"，并指定content为"webkit"、"ie-comp"或"ie-stand"，就可以分别告诉360浏览器使用Webkit内核、IE兼容内核或IE标准内核进行页面渲染。  具体实现方式如下： ```html     ...

			
		

	





	

		

			

				
					
终极解决kindeditor IE11兼容性看不到弹出框 360浏览器兼容性问题

				
			

			

				

					11-29
				

			

		

		

			
				
总结来说，解决KindEditor在IE11和360浏览器上的弹出框兼容性问题，需要对浏览器的特性有深入理解，同时熟悉JavaScript和CSS的跨浏览器兼容性策略。通过更新库、使用CSS hack、调试JavaScript代码以及检查第三方库的...

			
		

	





	

		

			

				
					
js操作json的一些方法以及注意点及清缓存的方式

				
			

			

				

					uestc_lxp的专栏
				

				

					10-31
					
					1247
					
				

			

		

		

			
				
服务端后台返回到客户端的JSON格式字符串：

var str = '[{"uname":"王强","day":"2010/06/17"},{"uname":"王海云","day":"2010/06/11"}]';

我们把它转换成JSON对象:var
jsonList=eval_r("("+str+")");这时候如果以用断点跟踪查看这个jsonList对象，其实你会发现，他的长度为2，即jso

			
		

	





	

		

			

				
					
dwr学习3-无刷新文件上传

				
			

			

				

					uestc_lxp的专栏
				

				

					05-27
					
					643
					
				

			

		

		

			
				
通过dwr可以实现文件的无刷新上传
（1）前端代码部分
<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>




Insert title here

/dwr/engine.js">
/dwr/util.js">

/dwr/interface/hello.js

			
		

	





	

		

			

				
					
关于form表单无刷新提交上传

				
			

			

				

					uestc_lxp的专栏
				

				

					10-31
					
					624
					
				

			

		

		

			
				
（1）在当前页面建一个iframe 并隐藏(display:none).
（2）新建的这个iframe起个名字，例如：disIframe
（3）form表单的target属性设为刚起的这个名字
disIframe
（4）提交表单。就是无刷新了。
别的一些效果就靠自己了。想让页面看起来的好看，可以在提交的时候出现一个等待的图标，结束后，再把图标隐藏。

iframe name="dis" style

			
		

	





	

		

			

				
					
浏览器兼容性设置与解决策略

				
			

			

				

					
				

			

		

		

			
				
如腾讯TT、世界之窗、360浏览器、遨游浏览器，虽然外观可能与IE相似，但实际上它们通常会根据用户安装的IE版本来调用相应的IE内核，例如，即使电脑上安装的是IE8，这些浏览器仍可能以IE7模式运行。搜狗浏览器则提供...

			
		

	



              




          




        



    





    



      

      

        
      

      





	

		评论	
	

	
	




  

    

      添加红包
      
    

    

      

        
        

          
          
        

        
请填写红包祝福语或标题

      

      

        
        

          
          个
        

        
红包个数最小为10个

      

      

        
        

          
          元
        

        
红包金额最低5元

      

      

        
        

          当前余额3.43元
          前往充值 >
        

      

      

        

          需支付：10.00元
        

        
        
      

    

  





  

    
    
  

  

    
    
  








  

    

      

        

          

            
            
成就一亿技术人!

          

          

        

        

          

          

            领取后你会自动成为博主和红包主的粉丝
            规则
          

        

      

      

        

          

            
              
            
            

              
hope_wisdom
 发出的红包
            

          

        

        

          

          

          

        

      

    

    

  



      
      

      
实付元

      
使用余额支付

      

        

          

            
            点击重新获取
          

        

        
扫码支付

      

      

        
          
            
          
          
        
      

      

        
        钱包余额
          0
          

            
            

              

                
抵扣说明：

                
 1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
 2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

              

            

          

      

      余额充值