browser-dead
Identify old and unsupported browsers simple easy way
Last updated 4 years ago by techgaun .
Apache-2.0 · Repository · Bugs · Original npm · Tarball · package.json
$ cnpm install browser-dead 
SYNC missed versions from official npm registry.

browser-dead

Inform users that their browser is unsupported by your website

Installation

as node module

npm i --save browser-dead

as browser script

Download browser-dead.min.js and place it in appropriate directory of your choice.

wget "https://raw.githubusercontent.com/techgaun/browser-dead/master/dist/browser-dead.min.js" -O browser-dead.min.js

Include the script in your html:

<script src="/path/to/browser-dead.min.js" charset="utf-8"></script>

Download browser-dead.min.css and place it in appropriate directory of your choice.

wget https://raw.githubusercontent.com/techgaun/browser-dead/master/dist/css/browser-dead.min.css -O browser-dead.min.css

Include the stylesheet in your html:

<link rel="stylesheet" href="/path/to/browser-dead.min.css" media="screen">

Usage

Add a html element with content inside it as you wish.

<div id="browser-dead">
  Unsupported browser
</div>

If using the node module, in your source files, import the browser-dead module and then initialize as below:

import browserDead from 'browser-dead'

browserDead({
  background: #f00,
  color: #fff,
  supportBreakpoint: 'promise',
  browserDead: 'browser-dead'
})

If directly using in html, place the initialization code right below the script tag:

<script src="/path/to/browser-dead.min.js" charset="utf-8"></script>
<script type="text/javascript">
  browserDead({
    background: #f00,
    color: #fff,
    supportBreakpoint: 'promise',
    browserDead: 'browser-dead'
  })
</script>

Examples

Support Breakpoint

Refer to caniuse.com to know what support breakpoint can you use for your scenario. Below are some of the common ones that you can use as breakpoints to not support your choices of browsers:

Contributing

  • Fork the repo and clone locally
  • npm i
  • npm run dev
  • Open examples at http://localhost:3000/examples/ and see what they do with your changes
  • Change or Add examples to play around
  • Create pull request

Also, feel free to contribute by providing more breakpoints.

Current Tags

  • 0.1.0                                ...           latest (4 years ago)

1 Versions

  • 0.1.0                                ...           4 years ago
Maintainers (1)
Downloads
Today 0
This Week 0
This Month 0
Last Day 0
Last Week 0
Last Month 0
Dependencies (1)
Dev Dependencies (16)
Dependents (0)
None

Copyright 2014 - 2017 © taobao.org |