20 May 2020

One of the subjects that hurts the most front end developers is Cross Browser Compatibitily. Modern auto-updating browsers with its minor deviations are nothing compared to so hated Internet Explorer. So what browsers your website should support in 2020?

MDN suggests us to adhere to 3 groups strategy.

A grade: Common/modern browsers — Known to be capable. Test thoroughly and provide full support.

Chrome and Firefox for Windows/Mac, Safari for Mac, Edge and IE for Windows (last two versions of each), iOS Safari for iPhone/iPad, Android stock browser (last two versions) on phone/tablet, Chrome and Firefox for Android (last two versions) on phone tablet. Accessibility passing common tests.

B grade: Older/less capable browsers — known not to be capable. Test, and provide a more basic experience that gives full access to core information and services.

IE 8 and 9 for Windows, Opera Mini.

C grade: Rare/unknown browsers — don't test, but assume they are capable. Serve the full site, which should work, at least with the fallbacks provided by our defensive coding.

Opera, other niche modern browsers.

Let’s add some statistics based on Browser Market Share (May 2020) and our chart changes. I would exclude IE8 and Opera Mini at all because they don’t even entered Top-25 so their share is less than 0.25%. B grade would consist of IE9 (1.57%) and IE11(1.47%). Still you can not install two different versions of IE on a single machine you can use Virtual Machine or Emulator in IE11. Albeit it is not the bulletproof solution it is a good choice to start with.

And the last. Edge browser will update automatically as Microsoft states so there is no need to worry about last two versions.

Photo: Domenico Loia