360浏览器的兼容模式

在使用vue3的项目中，360兼容模式下可能网页不能被打开，在极速模式下可以。

因为360兼容模式使用的是IE内核，v3的项目已经不支持IE11。如果用户打开我们的网页是使用的是360兼容模式，可以加一个推荐使用其他浏览器或者切换极速模式的页面

在项目 index.html文件中做判断，判断当前浏览器是否为IE内核，如果是IE内核显示推荐页面

（判断方法是网上找到的，还有很多方法可以自行选择）

下面是index.html完整文件

//index.html<!DOCTYPE html>
<html lang="en"><head><meta name="renderer" content="webkit"><meta charset="UTF-8" /><meta http-equiv="pragma" content="no-cache" /><meta http-equiv="cache-control" content="no-cache, no-store, must-revalidate" /><meta http-equiv="expires" content="0" /><link rel="icon" href="/logo.png" /><link rel="stylesheet" href="./src/font/iconfont.css"><meta name="viewport" content="width=device-width, initial-scale=1.0" /><title>error</title><style>.back {margin-top: 30px;}.broswer {padding-top: 100px;text-align: center;}.broswer ._title {margin: 50px auto;}.broswer .down {width: 650px;margin: 0 auto;}.broswer .down ._img {width: 59px;height: 59px;margin: 0 auto;}._imgMg {margin-top: 20px;}a {text-decoration: none;color: #4688f6;}</style>
</head><body><div id="app"><div id="show" style="display: none"><div class="broswer" id="broswer"><div class="_top"><img src="./no_support.png" alt=""></div><h2 class="_title"><span>你正在使用的浏览器版本过低，推荐切换极速模式或使用其他浏览器        </span></h2><div class="down"><div class="_img"><img src="./chrome.png" alt=""></div><div class="_imgMg"><a href="https://www.google.cn/chrome/" target="_blank">推荐使用 Google Chrome 浏览</a></div></div></div></div></div></div><script type="module" src="/src/main.ts"></script></body>
<script>function IEVersion() {if (document.documentMode) return document.documentMode;}if (IEVersion()) {var test = document.getElementById('show')test.style.display="block"}
</script></html>

Documente

error参考页面

360浏览器的兼容模式相关推荐

php如何适应360兼容模式,教你360浏览器开启兼容模式的图文教程
我们在使用电脑时很多时候都需要运行浏览器,但有的用户却跟小编反映说自己想要给360浏览器开启兼容模式但不知道怎么操作,那360浏览器兼容模式怎么设置呢?下面本文就来教大家关于360浏览器开启兼容模式的 ...
360浏览器5兼容模式吗_Vue-cli项目，打包生产模式，部分用户360浏览器极速模式下奔溃...
一直使用macOS系统下chrome浏览器下开发,仅仅使用到ant design pro vue 组件库,默认的脚手架配置. 客户使用win7下360安全浏览器访问,自动变成"兼容" ...
sgSpeedMode.js判断360浏览器是“兼容模式”，提示使用“极速模式”
为了达到目的,当用户使用的是浏览器"兼容模式"就会出现以下提示 //极速模式提示信息-最简练的判断方式 if (navigator.userAgent.indexOf(" ...
360兼容性问题：教资报名请使用搜狗浏览器（兼容模式）、360浏览器（兼容模式）、QQ浏览器（内核模式请选择：总是使用IE内核）、IE系列浏览器。
我们在教资报名,或者访问一些老网站的时候,总是出现这个东西,兼容性问题. 这里谷咕咕用的 https://bbs.360.cn/thread-14958904-1-1.html 360浏览器的解决办法 ...
360浏览器5兼容模式吗_个独模式真能将企业总体税负降低至5%吗，为何大家都热衷核定征收...
个独模式真的能将企业总体税负降低至5%吗,为何大家都热衷选择申请核定征收企业性质不同,结构不同,体量不同,业务模式不同,自然纳税方式和税负也有差别.不同的纳税对象应该采取不同的节税方式,用合理合法的 ...
360极速浏览器以及360安全浏览器在兼容模式下验证码图片显示不来，但是极速模式可以显示？
问题最近遇到一个验证码出不来的问题,在360极速浏览器以及360安全浏览器在兼容模式下验证码图片显示不来,效果如下: 这个验证码的代码元素如下,是一张图片,由接口提供的一个图片链接,返回的是文件流. ...
网站兼容IE6、7，代码控制360浏览器使用极速模式
传送门: http://levi.cg.am/archives/3286 1,网页头部加入 <meta name="renderer" content="webki ...
关于搜狗浏览器和360安全浏览器的兼容模式
在处理浏览器兼容问题时,最让我头疼的是搜狗浏览器和360安全浏览器的兼容模式.有时表现为IE7内核,有时又表现为系统IE内核.上网搜了一下资料研究了一番.只是个人的小小研究,如有错误欢迎各路大神指教. ...
360浏览器的极速模式和兼容模式
iamlaosong文用360浏览器在网上看一个教学视频,打开后没图像没声音,只有几个排列不规整的按钮,点击也没有反应,没法看.本来以为是网站问题,后来想是不是浏览器的问题,于是换了个谷歌浏览器,可 ...

360浏览器的兼容模式

360浏览器的兼容模式相关推荐

最新文章

热门文章