Nirvana Playing Madonna

    @dvhb/badbrowser

    1.2.9 • Public • Published

    @dvhb/badbrowser Build Status

    Install

    npm i @dvhb/badbrowser
    

    Demo

    http://dvhb.github.io/badbrowser/

    Using

    import badbrowser from '@dvhb/badbrowser';
    
    new badbrowser();

    You can put html for custom alert windows in /alerts/ with this pattern:

    alerts/
     ru.html
     en.html
     ...
    

    You may take an example of html code for your custom alert from /dist/alerts/en.html

    Example

    Desktop

    • Microsoft Edge, 12+;
    • Mozilla Firefox, 37+;
    • Google Chrome, 41+;
    • Opera, 28+;
    • Apple Safari, 8+;
    • Yandex Browser, 15+.

    Mobile

    • Mobile Safari, 7+
    • Android Browser, 4+
    • Chrome Mobile, 41+;
    • Internet Explorer Mobile, 11+;
    new badbrowser({
        // 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'
        },
    
        // 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
    })

    Instead of specifying supported property you can specify unsupported browsers:

    new badbrowser({
        unsupported: {
            // the same as supported.chrome = '40'
            chrome: '39',
            // the same as supported.firefox = '34'
            firefox: '33',
            // will show alert for any mobile browser
            mobile: true
        }
    })

    Also you can get the flag that indicates compatibility of a current browser

    let bb = new badbrowser({
        unsupported: {
            // the same as supported.chrome = '40'
            chrome: '39',
            // the same as supported.firefox = '34'
            firefox: '33',
            // will show alert for any mobile browser
            mobile: true
        }
    })
    
    let isSupported = bb.check();

    You can manually control warning window:
    Shows warning if it is not added yet and removes warning if it exists.

    bb.toggleWarning();

    Default settings object

    {
      template: null,
      path: false,
      fullscreen: true,
      ignoreChoice: false,
      logo: false,
      supported: {
        chrome: '42',
        chromium: '42',
        firefox: '38',
        msie: '9',
        msedge: '12',
        opera: '26',
        safari: '6',
        yandexbrowser: '15',
        safari_mobile: '7',
        android: '4',
        mobile: true
      }
    }

    Browser flags

    • chrome
    • firefox
    • msie
    • msedge
    • safari
    • yandexbrowser
    • android
    • ios
    • opera
    • samsungBrowser
    • phantom
    • blackberry
    • webos
    • silk
    • bada
    • tizen
    • seamonkey
    • sailfish
    • ucbrowser
    • qupzilla
    • vivaldi
    • sleipnir
    • kMeleon

    LICENSE

    MIT License © dvhb

    Keywords

    none

    Install

    npm i @dvhb/badbrowser

    DownloadsWeekly Downloads

    7

    Version

    1.2.9

    License

    MIT

    Unpacked Size

    48.1 kB

    Total Files

    14

    Last publish

    Collaborators

    • admindvhb
    • alexbee
    • r2d2dvhb
    • sairus2k