360浏览器兼容问题

简介: 360浏览器兼容问题

360浏览器无法打开vue项目

序:

在vue项目开发之后,发现用户使用360浏览器无法进入项目,或是打开F12发现有报错。

原因:

360浏览器有极速模式(webkit内核)和兼容模式(IE内核)两种,因为360打开时使用的是兼容模式,但是项目又没有兼容IE(Trident)内核,导致了项目打不开。

极速模式: 是以Blink(Webkit)为内核的浏览模式,Blink内核具有更高的网页浏览速度和更好网页渲染效果。但由于少部分网银、政府、税务、办公系统等网站对Blink的兼容性不佳,若打开此类网站发现异常,请手动切换到“兼容模式”下继续浏览。

兼容模式: 360极速浏览器调用Trident内核(IE内核),Trident内核具有网页兼容性好、页面适用性广的特征,对于部分在默认“极速模式”下出现问题的网页(如:使用了Activex控件、页面代码只支持Trident内核、网页中注明使用IE浏览器)的情况下,切换“兼容模式”就可以正常使用网站功能。

解决方案:

方案1(比较麻烦):

​ 可以引入babel-polyfill或者core-js来解决IE兼容问题,但是这样子比较麻烦。如果你的项目本身就是不需要兼容IE的,那么这样子做就没有什么必要。

解决方案2(推荐):

在vue项目 public文件夹下的index.html中添加一个meta标签:

注意:这个meta标签最好紧跟着head标签。
<meta name="renderer"  content="webkit">

这样子,在使用360浏览器打开你的网址的时候,就会默认以极速模式(谷歌内核webkit)来打开我们的vue项目,项目就能正常运行了。

注意:但是如果用户在该网址下(一定是在该网址下切换,浏览器会记录这个网址的模式),手动切换到了兼容模式,则打开的时候一定会以兼容模式来打开。

因为浏览器极速13版本:强制锁定极速模式(无法手动切换)>手动切换>meta指定>浏览器兼容列表。
这点主要是因为测试会主动去切换,认定这是一个bug,其实大多数用户都不会去手动切换的。

更多了解

目录
相关文章
npm 切换镜像后,npm i 安装依然卡,需要好久才完成
npm 切换镜像后,npm i 安装依然卡,需要好久才完成
1366 0
|
Web App开发 网络协议 Java
干货:Java正确获取客户端真实IP方法整理
image 在JSP里,获取客户端的IP地址的方法是:request.getRemoteAddr(),这种方法在大部分情况下都是有效的。但是在通过了Apache,Squid等反向代理软件就不能获取到客户端的真实IP地址了。
3130 0
|
7月前
|
数据采集 程序员 数据安全/隐私保护
爬坑 10 年!爱回收询价接口实战:从型号匹配、分页续传到数据完整性校验
资深程序员亲授爱回收询价接口实战经验,涵盖权限申请、参数配置、签名加密、分页限流等25个坑点,附完整Python代码与避坑清单,助你高效对接,少走两年弯路。
|
9月前
|
Ubuntu 安全 定位技术
ubuntu桌面版安装教程
完成 Ubuntu 22.04.1 LTS 安装 重启后,看到如下界面,请按【回车】键 使用之前设置的用户名和密码登录系统
|
存储 Java 定位技术
SpringBoot整合高德地图完成天气预报功能
本文介绍了如何在SpringBoot项目中整合高德地图API实现天气预报功能。从创建SpringBoot项目、配置依赖和申请高德地图API开始,详细讲解了实体类设计、服务层实现(调用高德地图API获取实时与预报天气数据)、控制器层接口开发以及定时任务的设置。通过示例代码,展示了如何获取并处理天气数据,最终提供实时天气与未来几天天气预报的接口。文章还提供了测试方法及运行步骤,帮助开发者快速上手并扩展功能。
|
存储 运维 监控
金融场景 PB 级大规模日志平台:中信银行信用卡中心从 Elasticsearch 到 Apache Doris 的先进实践
中信银行信用卡中心每日新增日志数据 140 亿条(80TB),全量归档日志量超 40PB,早期基于 Elasticsearch 构建的日志云平台,面临存储成本高、实时写入性能差、文本检索慢以及日志分析能力不足等问题。因此使用 Apache Doris 替换 Elasticsearch,实现资源投入降低 50%、查询速度提升 2~4 倍,同时显著提高了运维效率。
1097 3
金融场景 PB 级大规模日志平台:中信银行信用卡中心从 Elasticsearch 到 Apache Doris 的先进实践
|
前端开发
前端:行内元素的 margin 和 padding
在前端开发中,行内元素的处理是至关重要的。行内元素默认与其他元素在同一行显示,不会占据独立的空间。对于行内元素而言,其外边距(margin)和内边距(padding)的设置有特定规则:垂直方向上的外边距和内边距不会影响其他元素,但水平方向的则会增加元素的宽度,可能会影响相邻元素的位置。合理设置这些属性,可以有效控制页面布局与间距。
|
自然语言处理 开发者 Python
Markdown 是一种轻量级标记语言,它允许人们使用易读易写的纯文本格式编写文档,然后转换成格式丰富的 HTML 内容。Markdown 的语法简洁明了、学习容易,而且功能比纯文本更强。
Markdown 是一种轻量级标记语言,它允许人们使用易读易写的纯文本格式编写文档,然后转换成格式丰富的 HTML 内容。Markdown 的语法简洁明了、学习容易,而且功能比纯文本更强。
|
JSON 前端开发 JavaScript
Long类型字段在前后端传值问题
Long类型字段在前后端传值问题
1319 0
|
存储
Markdown 格式如何转换成 Word?
参考资料:https://www.zhihu.com/question/22972843/answer/136008865 markdown语法简洁,写作效率极高,非常适合网络博客、邮件、笔记等非正式文档的写作。
4217 0

热门文章

最新文章