Remind users to update their browser in an unobtrusive way
PHP JavaScript Python CSS HTML
Switch branches/tags
Nothing to show
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
img new logo, npm build script Apr 20, 2018
js fixed stat page, moved scripts to js folder Sep 6, 2016
lang new browser configuration selection Sep 26, 2017
lib opera mobile has another version number than opera for desktop. It wa… Nov 7, 2017
manage new logo, npm build script Apr 20, 2018
test small site redesign Apr 20, 2018
.gitignore small site redesign Apr 20, 2018
.htaccess fix #327 Jan 20, 2017
LICENSE.txt making update.js and update.show.js even smaller, new bar designs Jan 4, 2017
README.md Update README.md Dec 27, 2017
_.htaccess translation Oct 15, 2015
base.js links for operating system updates on update page Dec 11, 2016
base2.css typo, style fixes, npm version Nov 7, 2017
blog-entry.php fixed https for comments in blog Jan 30, 2017
blog.php small site redesign Apr 20, 2018
browsers.json updated browser info Apr 1, 2018
config.sample.php - portugese translation Aug 1, 2010
contact.php small site redesign Apr 20, 2018
count.php use browsers.json for detection, some language fixes Mar 27, 2017
customize.php small site redesign Apr 20, 2018
drecksie.css making update.js and update.show.js even smaller, new bar designs Jan 4, 2017
drecksie6.css - fixes Jan 6, 2014
footer.php small site redesign Apr 20, 2018
header.php small site redesign Apr 20, 2018
index.php small site redesign Apr 20, 2018
package.json Updated npm browser versions Apr 20, 2018
stat.php small site redesign Apr 20, 2018
test.php updated test-pages Apr 13, 2017
update-browser.php latest safari only availale for macos >=10.11 Nov 3, 2017
update-browser2.php test bar, test iphone detection Apr 11, 2017
update.feedback.php split feedback from update page Jan 3, 2017
update.js Big redsign of detection script internals: Apr 20, 2018
update.min.js Big redsign of detection script internals: Apr 20, 2018
update.moreinfo.php started additional help on updating Jan 4, 2017
update.npm.full.js Updated npm browser versions Apr 20, 2018
update.npm.js Updated npm browser versions Apr 20, 2018
update.show.js Big redsign of detection script internals: Apr 20, 2018
update.show.min.js Big redsign of detection script internals: Apr 20, 2018
update.testing.php more Jan 9, 2017

README.md

browser-update

Many internet users are still using very old, out-dated browsers – most of them for no actual reason. We want to remind these unobtrusively to update their browser.

Goals

  1. Provide webdesigners a unified way to tell the user that they need a newer browser to use this website in all its beauty.
  2. Improve the security, comfort and overall experience of users by convincing them to update
  3. But: do not annoy or lock out users

How to use

Go to browser-update.org, choose the browsers you want to be notified and embed the code into your website.

Or use the npm package:

npm usage

Install it using npm:

npm install browser-update --save

And load it (using browserify, webpack or similar):

var browserUpdate = require('browser-update');
browserUpdate({ [configuration-options] })

If you want to include only the browser-detection script and the notification will be loaded from our cdn only if really an outdated browser is detected (to save some kilobytes), use this:

var browserUpdate = require('browser-update/update.npm.js');
browserUpdate({ [configuration-options] })

If you have an ES6 compatible build environment, you can of course use the import statement:

import browserUpdate from 'browser-update';

See the available options to see how you can customize it to your needs.

Features

  • Unobtrusive
    • We take care not to erroneously notify users by constantly tweaking the detection code
    • users of small niche browsers and users who have no possibility to update are not notified
    • We do not block the users form using a website in any way
    • The website can be used without taking additional steps
    • The notification will only appear once a day by default
    • If the user activly closes the notification, it will reappear after a week
  • Translated into > 30 languages
  • Browser detection less than 3kb gzipped + rest gets only lazy loaded when an outdated browser was detected
  • Giving users reasons why an up-to-date browser is important
  • Only showing browsers that are actually available for the users device and operating system (Android, Windows Phone, Windows, MacOS, iOS).
  • Only notify users that actually can update to a newer browser on their devices
  • Hide notification from bots

More information, our motivation and the features can be found on our web site.

Translations

The page currently translated into more than 30 languages. If you want to improve the translations or translate into a new language please see our translation manual.

Cross-Browser-Testing

We are using the browserstack.com cross browser testing tool to make sure the notification and website is shown correctly on all kinds of browsers and devices.