cloudflare-apps / a-better-browser

Let users know when their browser needs an upgrade!

A Better Browser – Cloudflare App

Giving Cloudflare site owners a way to promote upgrading their old Internet Explorer browser.

Usage

Install the dependencies with npm install

• npm start Watch for file changes and compile them.
• npm run build Compiles your JavaScript and CSS once for release.

How to add a language

• Fork this repository
• Edit translations.js and your language in alphabetical order (leave English at the top)
• Commit your changes, preferably in one commit
• Make a pull request

Please do not change increase version or minify the file (we will do that ourselves).

License

The contents are under the public domain. See LICENSE for more information.

a-better-browser's Issues

whatbrowser.org is shutting down on 30th November 2018

whatbrowser.org is going to shut down on 30th November 2018 as expressed on their website in a large banner. A replacement needs to be found before then.

Alternative browser detection

Is it possible to add detection for Chrome, Opera, Firefox and Safari?

Message shown in wrong language

Expected result:

For Taiwan (Traditional Chinese) users, the result of window.navigator.language || window.navigator.userLanguage || 'en' is zh-TW and the message should be ['你正在使用過時的瀏覽器。', '詳細資訊 »'] according to

a-better-browser/source/app.js

Line 45 in 811be38

const [messageLabel, moreLabel] = translations[language] || translations[language.substring(0, 2)] || translations.en

and

a-better-browser/source/translations.js

Line 45 in 06ba4e1

'zh-tw': ['你正在使用過時的瀏覽器。', '詳細資訊 »']

.

Actual result:

Cause:

Firefox, Chrome, Safari and Opera has different behaviors in language related variables.

	IE6 IE7 IE8	Firefox Chrome Safari	Opera
navigator.language	undefined	zh-TW	zh-TW
navigator.userLanguage	zh-tw	undefined	zh-tw
navigator.browserLanguage	zh-tw	undefined	zh-tw
navigator.systemLanguage	zh-tw	undefined	undefined

Banner cut off on realcrowd.com

• Visit https://www.realcrowd.com in IE8/WinXP.
• Notice clipped ABetterBrowser banner

License

@theaqua We probably should add a license in the repo. Perhaps public domain?

www.whatbrowser.org is displaying wrong language

Is it possible to change the link for "More information" from http://www.whatbrowser.org/ to http://www.whatbrowser.org/intl/en/ (to display an English version). When going to http://www.whatbrowser.org/, Google is is detecting the wrong location for some users and thus displaying the wrong language.

SecurityError: Failed to read the 'localStorage' property from 'Window': Access is denied for this document.

We are getting some errors from users navigating with Incognito/Private mode in which localStorage is disabled.

What can we do to get this issue addressed?

Redirect to abetterbrowser.org instead whatbrowser.org

del

This feature is not working through cloudflare

I have enabled the feature for IE8 and below. I view the website in IE8 and I get no message.

www.cranenetwork.com

Upload new version to Cloudflare

The version of code on cloudflare is still at 2.0.4, can @xPaw or @TeffenEllis upload the latest version?

Firefox ESR exclude

We have many users who at work simply do not have a choice it what browser version they are using. Firefox has ESR which I believe should be excluded. While it may not have the latest features it is still a supported and secured browser. Currently there is no way to exclude an ESR release from detection. Current Firefox ESR releas eis 45.7.

Contribution guides

Hey, @xPaw, I think we need to add contribution guides for new languages. For example, what (new line in translations, new item in list, version) update and where (links to files).

ABetterBrowser banner is not (or only intermittently) displayed for IE8

CloudFlare support suggested I report this to you.

I defined the CloudFlare aBetterBrowser app for IE 8.0 and below, and tested it from an IE8 browser on Wndows XP. Although the section of the source code for a very simple html reply includes the abetterbrowser script, the black abetterbrowser banner is not displayed. The following screenshot, taken 3+ weeks ago, includes page source, rendered page, and proof of IE8. Repeating the display today gives the same result.

You can test this yourself by visiting website www.abtuk.org.uk for which the abetterbrowser CloudFlare app is, and will remain, enabled for IE8 and below. The black abetterbrowser banner is not displayed. This website has only 1 page, containing a single link (a clickable image).

Further: If that link is clicked, this takes the visitor to multi-page website www.biodanza4me.com which is in the same CloudFlare account and for which the abetterbrowser app is also enabled for IE8 and below. The black abetterbrowser banner appears intermittently on the pages of this website - I have not yet been able to discern a pattern for the [non-]display of the banner.

During all my testing I did not click the link in the black abetterbrowser banner, nor did I click the big X (to dismiss it).

Regards,
Pete

whatbrowser.org replacement

"This website will be unavailable after November 30, 2018."

@TeffenEllis Have any ideas?

Windows 10 Microsoft Edge 39.14986.1000.0

Hi, i have in my Cloudflare "A Better Browser" setup for Windows Browser Highest version "10". Running the site on Windows 10 Microsoft Edge 39.14986.1000.0, A Better Browser recognize Edge as old Browser...

Thank you..

Linked whatbrowser.org is broken in IE < 10

I don't know if you have contacts at Google but whatbrowser.org does not render in Internet Explorer versions before 10 due to a console call left in by mistake:

http://www.webpagetest.org/result/151015_SY_15PT/1/screen_shot/

That always fails in IE 7 and earlier and breaks in IE 8 and 9 except when the developer tools are open.

More info link

Hi,

could you change link, so it doesnt always transfer you to english version?

Link should be:
http://www.whatbrowser.org/intl/XX/

So ie.:
http://www.whatbrowser.org/intl/cs/
http://www.whatbrowser.org/intl/sk/
http://www.whatbrowser.org/intl/en/

Thank you :)