参考资料
正文
我把项目war部署到阿里云上之后,用360浏览器访问是空白(但用chrome可以访问),且f12打开的是ie的控制台(而不是熟悉的chrome控制台),里面报错说是语法错误(字符串结构语法不支持)。
经过一番思考和查找,得知原来360浏览器以兼容模式在运行我的项目。想让360浏览器以急速模式打开我的网站,只需要在html头部加入以下片段即可:
<meta name="renderer" content="webkit">
奇怪,其他网站用的都是用360急速模式浏览的,为啥我打开自己的网站却是兼容模式呢?有可能是其他网站已经在头部设置了上面的片段,于是我打开其他网站看一看。
网站 | 结果 |
---|---|
百度首页 | |
京东首页 | |
CSDN首页 |
可以发现,京东首页是有的,但是百度首页、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种方式的最佳兼容方案