apostrophe-browser-requirements
v2.0.1
Published
Politely require certain minimum browser versions
Downloads
104
Maintainers
Keywords
Readme
apostrophe-browser-requirements
Display a polite message telling users with browsers that are too old that they must upgrade or switch browsers to view the site.
npm install --save apostrophe-browser-requirements
In app.js:
modules: {
apostrophe-browser-requirements: {
minimums: {
// Currently only supports IE version detection
ie: 9
},
// optional, should be something simple for bc, not SVG
logo: '/images/my-custom-logo.png',
// The default: invite users to visit browsehappy.com for
// information about upgrading their browser. If you shut
// this off with `browseHappy: false`, you still get
// a helpful sentence about the supported alternatives
browseHappy: true
}
}
In layout.html
:
{# At the END of the DOM so it can easily remove everything else #}
{% block extraBody %}
{{ apos.browserRequirements.message() }}
{% endblock %}
And optionally, in your CSS:
#apos-browser-requirements {
background-color: #somethingthatmatchesyourlogonicely
}
If you don't configure a logo, it looks a little "unofficial," so we recommend providing one.
You can override views/content.html
at project level if you need to change the text or don't want to link to browsehappy.com
.
IE version support
This module can display the message on versions of IE going back to IE6.
"What about Microsoft Edge?"
This module treats Microsoft Edge as IE 12, 13, etc. Set the ie
minimum accordingly.
"What about blocking IE completely?"
Oh come on kids, that browser's come a long way.
Changelog
2.0.0: compatible with Apostrophe 2.x.