ICode9

精准搜索请尝试: 精确搜索
首页 > 其他分享> 文章详细

360浏览器以兼容模式运行

2021-07-01 13:03:14  阅读:203  来源: 互联网

标签:浏览器 chrome 模式 兼容 首页 IE 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急速模式浏览的,为啥我打开自己的网站却是兼容模式呢?有可能是其他网站已经在头部设置了上面的片段,于是我打开其他网站看一看。

网站 结果
百度首页 img
京东首页 img
CSDN首页 img

可以发现,京东首页是有的,但是百度首页、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种方式的最佳兼容方案

标签:浏览器,chrome,模式,兼容,首页,IE,360
来源: https://www.cnblogs.com/hdxg/p/14958290.html

本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享;
2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关;
3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关;
4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除;
5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

专注分享技术,共同学习,共同进步。侵权联系[81616952@qq.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有