JavaScript 检测当前浏览器内核并提示下载谷歌Chrome浏览器

需求：因为项目只能用极速模式（webkit）访问，所以在用户使用非极速模式访问时，页面空白无反馈。

解决：检测用户当前浏览器内核，若非webkit内核则弹出提示并自动下载谷歌浏览器。

效果：

创建getVendorPrefix.js文件如下：

function getVendorPrefix() {const body = document.body || document.documentElementconst style = body.styleconst vendor = ['webkit', 'khtml', 'moz', 'ms', 'o']let i = 0while (i < vendor.length) {// 此处进行判断是否有对应的内核前缀if (typeof style[vendor[i] + 'Transition'] === 'string') {return vendor[i]}i++}
}
if (getVendorPrefix() !== 'webkit') {window.location.href = 'https://dl-sh-ctc-2.pchome.net/31/dt/78.0.3904.70_chrome_installer32.zip?key=93cb618a96554ba17929b4503f2427ec&tmp=1573693848210'alert('检测到您的浏览器无法正常访问系统，请将浏览器切换到 极速内核/极速模式！(点击地址栏最右侧的浏览器图标切换)，强烈建议使用 谷歌Chrome浏览器 （已为您转至快速下载地址）！')
}

在index.html中应用即可

 <script language="JavaScript" src="./static/getVendorPrefix.js"></script>

JavaScript 检测当前浏览器内核并提示下载谷歌Chrome浏览器相关推荐

如何解决谷歌Chrome浏览器空白页的问题
如何解决谷歌Chrome浏览器空白页的问题谷歌Chrome浏览器突然不打开任何网页,无论是任何站点(如http://www.baidu.com), 还是Chrome浏览器的设置页面(chrome:/ ...
IE低版本提示下载新的浏览器js--IEOutTips.zip
代码下载地址:IE低版本提示下载新的浏览器js--IEOutTips.zip-桌面系统文档类资源-CSDN下载操作把"IeOutTips"文件夹放到项目根目录"js& ...
谷歌Chrome浏览器提示adobe flash player已过期完美解决办法
最近使用谷歌Chrome浏览器提示adobe flash player已过期,浏览网页时一些flash元素的东西都无法正常显示,在网上尝试寻找很多方法,都不能解决,最后,经测试有效方法如下: 一:下载 ...
对浏览器内核的理解和常见的浏览器内核
介绍一下你对浏览器内核的理解?常见的浏览器内核有哪些? 答.要或者说核心的部分是"Rendering Engine",可大概译为"渲染引擎",不过我们一般习惯 ...
如何设置IDM为谷歌Chrome浏览器默认下载工具
如何设置IDM为谷歌Chrome浏览器默认下载工具 IDM Internet Download Manager(简称IDM)是一个用于Windows系统的国外下载工具,IDM可被Google Chro ...
谷歌chrome浏览器提示“喔唷崩溃啦”的解决方案
谷歌chrome浏览器提示"喔唷崩溃啦"的解决方案参考文章: (1)谷歌chrome浏览器提示"喔唷崩溃啦"的解决方案 (2)https://www.cn ...
关闭谷歌Chrome浏览器历史记录提示
如何关闭谷歌Chrome浏览器历史记录提示 Chrome默认提示历史记录,有时候想不显示怎么办? 直接去Experiments里边设置就行了. 地址栏的修改: 新建一个标签,输入"chrom ...
linux打开浏览器密码取消,Deepin下打开谷歌chrome浏览器提示解锁登录密钥环的解决方法...
在Deepin Linux系统下打开谷歌chrome浏览器都提示解锁登录密钥环,每次登录打开浏览器都会提醒(解锁登录密钥环:输入密码以解锁您的登录密钥环,您用于登录计算机的密码与您的登录密钥环中的密码 ...
谷歌Chrome浏览器开启多线程下载
在平常的下载场景中,多线程下载可以极大提升下载感知速度,一般可以跑满用户的带宽,比如IDM等流行的下载器软件. 今天我们来介绍如何开启谷歌Chrome浏览器自带的多线程下载功能. 1.打开浏览器,在地 ...
HTML谷歌怎么加背景音乐,谷歌Chrome浏览器怎么提取网页的背景音乐?
谷歌Chrome浏览器怎么提取网页的背景音乐?授人以鱼不如授人以渔,看到网友LYF在论坛某网站首页的网页背景音乐,热心网友Q1628393554真心可爱,将具体操作方法分享了出来,这是帮了我的大忙,可 ...

JavaScript 检测当前浏览器内核并提示下载谷歌Chrome浏览器

JavaScript 检测当前浏览器内核并提示下载谷歌Chrome浏览器相关推荐

最新文章

热门文章