当前位置:JS特效 » 其他 » 检测浏览器版本提示升级js插件
 检测浏览器版本提示升级js插件
如果您觉得内容不错,请分享:

插件介绍

badbrowser.js是一款能够检测浏览器版本并提示升级浏览器的js插件。badbrowser.js可以根据配置信息,当用户的浏览器不满足配置需求时,提示用户升级他们的浏览器。

浏览器兼容性

浏览器兼容性
时间:2021-07-24 阅读:85
简要教程

badbrowser.js是一款能够检测浏览器版本并提示升级浏览器的js插件。badbrowser.js可以根据配置信息,当用户的浏览器不满足配置需求时,提示用户升级他们的浏览器。

安装

可以通过npm来安装badbrowser.js插件。

npm i @dvhb/badbrowser                  
                

使用方法

在页面中引入badbrowser.css和badbrowser.js文件。



                
HTML结构

你可以自定义弹出的升级浏览器对话框的内容,HTML代码如下:

你使用的浏览器已经过时!

您可以继续浏览器本网站,但是不保证能够正确执行所有的功能。

你可以根据下面的链接来升级您的浏览器

关闭
初始化插件

通过下面的js代码来初始化badbrowser插件。

badbrowser.init({
  // path to your html alerts
  // could be a function:
  // function (ua) {
  //   return '/alerts/' + lang + '.html'
  // },
  path: '/alerts/en.html',

  // if `false` then user's choice will be saved in the cookies
  // and alert window will not be showen next time
  ignoreChoice: false,

  // Min version of browser that will be supported
  supported: {
    // user of chrome v.39 will see an alert winodw
    chrome: 42,
    firefox: 38,
    msie: 9,
    opera: 26,
    android: 10,
    safari: 6,
    // if `false`, will show alert for any mobile browser
    mobile: false
  }
  
})                
                

更多关于badbrowser.js浏览器检测插件的github地址为:https://github.com/dvhbru/badbrowser

Top