browser-dead
v0.1.0
Published
Identify old and unsupported browsers simple easy way
Downloads
8
Maintainers
Readme
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:
promise
(<= IE11) - Promise check is a special implementation in browser-dead which is useful for detecting IE11 properly if you do not wish to support IE11 and below.transform
(<= IE8) - CSS transformborderImage
(<= IE10) - CSS Border ImageborderSpacing
(<= IE7) - CSS Border Spacing
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.