其他代码

badbrowser - 检测浏览器版本提示升级jQuery插件

阿里云


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

使用方法:

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

也想出现在这里?联系我们
创客主机
  1. <link rel="stylesheet" type="text/css" href="css/badbrowser.css">
  2. <script src="js/badbrowser.js"></script>

HTML 结构:

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

  1. <h1>你使用的浏览器已经过时!</h1>
  2. <h3 class="badbrowser-user-browser"></h3>
  3. <p>您可以继续浏览器本网站,但是不保证能够正确执行所有的功能。</p>
  4. <p>你可以根据下面的链接来升级您的浏览器</p>
  5. <p>
  6.     <a class="oldbrowser__browserLink" title="Download Google Chrome" style="background-position: 0px 0px;"
  7.        href="https://www.google.com/chrome/" target="_blank"></a>
  8.     <a class="oldbrowser__browserLink" title="Download Mozilla Firefox" style="background-position: -60px 0px;"
  9.        href="https://www.mozilla.org/ru/firefox/new/" target="_blank"></a>
  10.     <a class="oldbrowser__browserLink" title="Download Opera" style="background-position: -120px 0px;"
  11.        href="http://www.opera.com/download" target="_blank"></a>
  12.     <a class="oldbrowser__browserLink" title="Download Safari" style="background-position: -180px 0px;"
  13.        href="https://www.apple.com/safari/" target="_blank"></a>
  14.     <a class="oldbrowser__browserLink" title="Download Internet Explorer" style="background-position: -240px 0px;"
  15.        href="https://www.microsoft.com/ie/" target="_blank"></a>
  16. </p>
  17. <a href="javascript:;" class="badbrowser-close">关闭</a>

初始化插件:

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

  1. badbrowser.init({
  2.   // path to your html alerts
  3.   // could be a function:
  4.   // function (ua) {
  5.   //   return '/alerts/' + lang + '.html'
  6.   // },
  7.   path: '/alerts/en.html',
  8.  
  9.   // if `false` then user's choice will be saved in the cookies
  10.   // and alert window will not be showen next time
  11.   ignoreChoice: false,
  12.  
  13.   // Min version of browser that will be supported
  14.   supported: {
  15.     // user of chrome v.39 will see an alert winodw
  16.     chrome: 42,
  17.     firefox: 38,
  18.     msie: 9,
  19.     opera: 26,
  20.     android: 10,
  21.     safari: 6,
  22.     // if `false`, will show alert for any mobile browser
  23.     mobile: false
  24.   }
  25.  
  26. })

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

badbrowser - 检测浏览器版本提示升级 jQuery 插件

已有 489 人购买
查看演示升级 VIP立刻购买

演示地址 下载地址
收藏
(0)

发表回复

热销模板

Ashade - 作品展示摄影相册WordPress汉化主题
LensNews

本站承接 WordPress / PbootCMS / DedeCMS 等
系统建站、仿站、开发、定制等业务!