Cuadro de diálogo de actualización del navegador personalizable-badbrowser. js

Vista prévia

Descripción

badbrowser. js es una biblioteca de JavaScript que detecta el navegador obsoleto y muestra una ventana emergente de diálogo personalizado para pedir a los usuarios que actualicen su navegador.

Instalación

$ NPM instalar @dvhb/badbrowser – guardar

Funcionamiento

Cargue la hoja de estilos ' badbrowser. css ' y el archivo JavaScript ' badbrowser. js ' en el documento.

<link href="badbrowser.css" rel="stylesheet">
<script src="badbrowser.js"></script>

Cree el diálogo del prompt de la actualización del buscador.

<h1>You are using an outdated browser</h1>
<h3 class="badbrowser-user-browser"></h3>
<p>You can continue browsing, but proper work is not guaranteed</p>
<p>Follow one of this links to update your browser</p>
<p> <a class="oldbrowser__browserLink" title="Download Google Chrome" style="background-position: 0px 0px;"



 href="https://www.google.com/chrome/" target="_blank"></a> <a class="oldbrowser__browserLink" title="Download Mozilla Firefox" style="background-position: -60px 0px;"



 href="https://www.mozilla.org/ru/firefox/new/" target="_blank"></a> <a class="oldbrowser__browserLink" title="Download Opera" style="background-position: -120px 0px;"



 href="http://www.opera.com/download" target="_blank"></a> <a class="oldbrowser__browserLink" title="Download Safari" style="background-position: -180px 0px;"



 href="https://www.apple.com/safari/" target="_blank"></a> <a class="oldbrowser__browserLink" title="Download Internet Explorer" style="background-position: -240px 0px;"



 href="https://www.microsoft.com/ie/" target="_blank"></a> </p>
<a href="javascript:;" class="badbrowser-close">Close</a>

Cree una nueva instancia de badbrowser y reemplace la configuración predeterminada según sus necesidades.

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: {


msedge: '12',


firefox: '37',


chrome: '41',


opera: '28',


safari: '8',


yandexbrowser: '15',


safari_mobile: '7',


android: '4',


chrome_mobile: '41',


msie_mobile: '11'

}


})

Registro de cambios

11/09/2018

• Cromo añadido en los navegadores soportados por defecto

07/02/2018

• Solucionado el error de agente de usuario indefinido