360浏览器以兼容模式运行

参考资料

  1. 前端页面中的<meta name="renderer" content="webkit">意义
  2. HTML Meta中添加X-UA-Compatible和IE=Edge, chrome=1有什么作用

正文

我把项目war部署到阿里云上之后,用360浏览器访问是空白(但用chrome可以访问),且f12打开的是ie的控制台(而不是熟悉的chrome控制台),里面报错说是语法错误(字符串结构语法不支持)。

经过一番思考和查找,得知原来360浏览器以兼容模式在运行我的项目。想让360浏览器以急速模式打开我的网站,只需要在html头部加入以下片段即可:

<meta name="renderer" content="webkit">

奇怪,其他网站用的都是用360急速模式浏览的,为啥我打开自己的网站却是兼容模式呢?有可能是其他网站已经在头部设置了上面的片段,于是我打开其他网站看一看。

网站 结果
百度首页 360浏览器以兼容模式运行
京东首页 360浏览器以兼容模式运行
CSDN首页 360浏览器以兼容模式运行

可以发现,京东首页是有的,但是百度首页、CSDN首页都没有,那它们是如何实现让360浏览器以极速模式运行的呢?

我们注意到有这样一个标签:

<meta http-equiv=”X-UA-Compatible” content=”IE=edge,chrome=1”>

里面出现了"chrome",而360浏览器极速模式实际上就是以chrome内核运行的,那会不会与这个标签有关呢?答案是是的。X-UA-Compatible是一个文档兼容模式的定义,用于加强对IE的兼容性,从IE8之后开始支持。

<meta http-equiv="X-UA-Compatible" content="IE=edge">
# 以上代码表示以当前IE浏览器所支持的最高标准模式渲染,简单的说,就是什么版本IE就用什么版本的标准模式渲染。
<meta http-equiv="X-UA-Compatible" content="chrome=1">
# 以上代码表示强制IE使用Chrome Frame渲染(需要安装有Google Chrome Farme,如果没有,会提示下载)
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">   
# 以上代码是综合考虑第1、2种方式的最佳兼容方案
上一篇:day6_logging模块


下一篇:@loj - 2480@ 「CEOI2017」One-Way Streets