视频1 视频21 视频41 视频61 视频文章1 视频文章21 视频文章41 视频文章61 推荐1 推荐3 推荐5 推荐7 推荐9 推荐11 推荐13 推荐15 推荐17 推荐19 推荐21 推荐23 推荐25 推荐27 推荐29 推荐31 推荐33 推荐35 推荐37 推荐39 推荐41 推荐43 推荐45 推荐47 推荐49 关键词1 关键词101 关键词201 关键词301 关键词401 关键词501 关键词601 关键词701 关键词801 关键词901 关键词1001 关键词1101 关键词1201 关键词1301 关键词1401 关键词1501 关键词1601 关键词1701 关键词1801 关键词1901 视频扩展1 视频扩展6 视频扩展11 视频扩展16 文章1 文章201 文章401 文章601 文章801 文章1001 资讯1 资讯501 资讯1001 资讯1501 标签1 标签501 标签1001 关键词1 关键词501 关键词1001 关键词1501 专题2001
360浏览器兼容模式的页面显示不全怎么处理
2020-11-27 18:48:48 责编:小采
文档


这次给大家带来360浏览器兼容模式的页面显示不全怎么处理,处理360浏览器兼容模式页面显示不全的注意事项有哪些,下面就是实战案例,一起来看一下。

 由于众所周知的情况,国内的主流浏览器都是双核浏览器:基于Webkit内核用于常用网站的高速浏览。基于IE的内核用于兼容网银、旧版网站。以360的几款浏览器为例,我们优先通过Webkit内核渲染主流的网站,只有小量的网站通过IE内核渲染,以保证页面兼容。在过去很长一段时间里,我们主要的控制手段是一个几百k大小网址库,一个通过长期人工运营收集的网址库。
  尽管我们努力通过用户反馈、代码标签智能判断技术提高浏览器的自动切核准确率。但是在很多情况下,我们仍然无法达到百份百正确。因此,我们新增加了一个控制手段:内核控制Meta标签。只要你在自己的网站里增加一个Meta标签,告诉360浏览器这个网址应该用哪个内核渲染,哪么360浏览器就会在读取到这个标签后,立即切换对应的内核。并将这个行为应用于这个二级域名下所有网址。
目前该功能已经在所有的360安全浏览器实现。我们也建议其它浏览器厂商一起支持这个实现。让这个控制标签成为行业标准。
代码示例
在head标签中添加一行代码:

<html>
 <head>
 <meta name="renderer" content="webkit|ie-comp|ie-stand">
 </head>
 <body>
 </body>
</html>

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">
  注意:引号要英文状态下的,直接后看一下格式对不对,请自行更正。
  各渲染内核的技术细节
  内核 Webkit IE兼容 IE标准
  文档模式 Chrome 21 IE6/7 IE9/IE10/IE11(取决于用户的IE)
  HTML5支持 YES NO YES
  ActiveX控件支持 NO YES YES

备注
这个功能其实和IE9的X-UA-Compatible很类似

今天当我尝试一段js代码的时候,猜测可能360兼容模式下,ie版本不是最高版本,代码比较正,例如下面的代码,360浏览器下一定要把代码写到body标签里面。里面浏览器就不行

<body>
<p id="dxy"></p>
<script>
var getId=function(id){
	return "string"==typeof(id)?document.getElementById(id):id;
	}
alert("ok");
getId("dxy").innerHTML="<font color=red>脚本之家</font>";
</script>
</body>

相信看了本文案例你已经掌握了方法,更多精彩请关注Gxl网其它相关文章!

推荐阅读:

左侧固定,右侧自适应的布局方式

css中Float属性详解

CSS3的box-sizing属性图文教程

下载本文
显示全文
专题