Browser support

Target browsers

Browser classes and implications

Class A

  • "Pixel perfect"
  • Tested on every release
  • Tested with a respective screen reader
  • Prioritize bugfixes on this category

Class B

  • All operations must be functional
  • Critical customer journeys should be tested on every release
  • Minor cosmetic discrepancies are acceptable
  • Not tested with screen reader

Class C

  • Will not be tested on every release
  • Issues will be fixed only on latest versions
  • Support is considered best effort
  • Cosmetic discrepancies are acceptable (as long as functional)
  • Test when making changes to build process (babel)
  • Test when upgrading libraries

Class D / cut-off

Browsers or browser versions in this category are those that does not fall in one of the other classes. Basically unsupported.

  • Redirect old browsers in this category to the old-browser-page

Main targets

Browsers in this category are our most used browsers among our customers.

Class AClass BClass CScreen reader
Safari logoSafari>= 13>= 14>= 12.0VoiceOver
Chrome logoChrome (Android)>= 87>= 80>= 51Talkback
Edge logoEdge (Windows)>= 79>= 38>= 15NVDA
Chrome logoChrome (Desktop)>= 87>= 80>= 51NVDA
View port targets

As of april/2021 the current recommendation is as presented below:

iOS

  • Normal: Optimize for 375x812 (iPhone X) width devices, support down to 320x568 (iPhone SE).
  • Plus size: Optimize for 414x896 (iPhone XR/XS)
  • Tablet: Target the 768x1024 view port

Android

  • Mobile: Optimize for 360x740 (Galaxy S8/S9)
  • Plus size: Optimize for 412x915 (Galaxy S20 Ultra / Note20, OnePlus 8/9) or 412x869 (Galaxy S10+)

Notes

  • iPhone 12 (latest version as of april/2021) has 360x780/390x844/428x926 (mini/normal/max)
    • currently, 5% of our iOS users uses iPhone 12 (base model)
  • Android phones varies immensely in screen height, but not so much on width. The view port sizes of 360px and 412px (plus, ultra models, note models) cover more than 95% of our Android users.
  • ⚠ Guidelines in this detail-section is under revision
Browser version cheat-sheet

See below matrix to pair browser version to the release year:

201620172018201920202021
Safari logoSafari9.1, 1010.1, 11121313.1 14-
→ iOS101112131415
→ MacOs10.1210.1310.1410.1511.0-
Chrome logoChrome48-5556-6364-7172-7980-8788-9x
→ Android7.0–7.1.28.0,8.191011-
→ Android SDK24-2526-27282930-
Edge logoEdge3840-4142,44(44.x)--
Edge logoEdge Blink---7579-8889-9x
Firefox logoFirefox44-5051-5758-6465-7172-8485-96
Samsung Internet logoSamsung Internet4-55.4-6.26.4-8.29.2-10.211-1314-
Opera logoOpera35-4243-4950-5758-6566-7374-7x
Notable JS/CSS/DOM features

Secondary targets

Browsers in this category make up less than 3 % of the browser share (combined) for Norsk Tipping.

Class BClass CScreen reader
Samsung Internet logoSamsung Internet>= 13>= 11-
Firefox logoFirefoxlatest version--
Chrome logoChrome (iOS)-latest version-
Opera logoOpera (Windows)-latest version-

Browser stats

The following stats are gathered from Google Analytics (first quarter 2021, sessions based).

Mobile

  • 26%Safari Webview logoSafari Webview
  • 26%Android Webview logoAndroid Webview (Chrome +1)
  • 21%Safari logoSafari
  • 18%Chrome logoChrome (Android -2)
  • 9%Samsung Internet logoSamsung Internet (-1)
Less than 5%
  • <1%Chrome logoChrome (iOS)
  • 0.1%Firefox logoFirefox (iOS)
  • The rest i below 0.1%

Desktop

  • 38%Chrome logoChrome (Windows)
  • 24%Edge logoEdge (Windows)
  • 17%Safari logoSafari (Mac)
  • 7%Mozilla Compatible Agent logoMozilla Compatible Agent (+3)
  • 4%Firefox logoFirefox (-1)
Less than 5%
  • 2%Chrome logoChrome (Mac -1)
  • 2%Opera logoOpera
  • 0.5%Firefox logoFirefox (Mac)

Tablet

  • 29%Chrome logoChrome (Android)
  • 28%Safari logoSafari (iOS)
  • 19%Safari Webview logoSafari Webview (iOS)
  • 13%Android Webview logoAndroid Webview (Chrome +1)
  • 6%Chrome logoChrome (iOS)
  • 3%Samsung Internet logoSamsung Internet (Android)

Combined

  • 22%Safari Webview logoSafari Webview
  • 20%Android Webview logoAndroid Webview (Chrome +2)
  • 18%Safari logoSafari (iOS)
  • 16%Chrome logoChrome (Android)
  • 8%Samsung Internet logoSamsung Internet mostly version 13
  • 7%Chrome logoChrome (Windows)
Less than 5%
  • 4%Edge logoEdge
  • 3%Safari logoSafari (Mac)
  • 1%Chrome logoChrome (iOS)
  • 1%Firefox logoFirefox (Windows)
  • 0.3%Opera logoOpera (Windows)

"Mozilla Compatible Agent" (unknown, mac) accounts for another 1 %.

Operating system and browsers

iOS

Safari webview logoSafari webviewSafari logoSafariChrome logoChrome
54%44%<2%

Android

Android Webview logoAndroid WebviewChrome logoChromeSamsung Internet logoSamsung Internet
47%34%17%

Windows

Chrome logoChromeEdge logoEdgeFirefox logoFirefoxOpera logoOpera
56%35%7%2%

MacOS

Safari logoSafariUnknown*Chrome logoChromeFirefox logoFirefoxOpera logoOpera
63%26 %9%2%<0.2%

* Mozilla Compatible Agent

Screen stats

Stats relative to the respective platform (and not the total).

Screen resolution cheat-sheet

iOS logoiOS

  • 24%414x896 iPhone XR / XS Max
  • 22%375x667 iPhone 6/6s/7/8
  • 19%375x812 iPhone X
  • 16%390x844 iPhone 12
  • 6%428x926 iPhone 12 Pro Max
  • 5%414x736 iPhone 7 Plus / 8 Plus
  • 4%320x568 iPhone SE
Less than 5%
  • 5%768x1024 iPad Mini 4 / Air 2 / Pro 9.7"

Android logoAndroid

  • %12412x915 Galaxy S20 Ultra / Note20, OnePlus 8/9
  • %12360x800 Galaxy S20
  • %9360x780 Huawei Mate 20 Pro (2018)
  • %9360x640 Galaxy S3-7, Pixel, Moto Huawei P10 ...
  • %8360x740 Galaxy S8 / S9 / Note8
  • %7412x869 Galaxy S10+
  • %6384x854
  • %6412x846 Galaxy S8 Plus / S9 Plus
  • %6360x760 Galaxy S10