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

本文介绍了如何使用JavaScript检测浏览器内核,当用户使用非WebKit内核的浏览器时,页面会提示并引导用户下载谷歌Chrome浏览器,确保项目在极速模式下运行。

需求:因为项目只能用极速模式(webkit)访问,所以在用户使用非极速模式访问时,页面空白无反馈。

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

效果:

创建getVendorPrefix.js文件如下:

function getVendorPrefix() {
  const body = document.body || document.documentElement
  const style = body.style
  const vendor = ['webkit', 'khtml', 'moz', 'ms', 'o']
  let i = 0
  while (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浏览器 (已为您转至快速下载地址)!')
}
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值