Browsers and Devices
List of browsers, devices and viewports officially supported by Frontend team.
Supported browsers
Following browsers are officially supported and will be tested by QA:
| Browser | Version |
|---|---|
| Google Chrome | 110 and higher |
| Mozilla Firefox | 110 and higher |
| Microsoft Edge | 110 and higher |
| Apple Safari | 14 and higher |
Microsoft Internet Explorer is not supported.
The site might works with other browsers not listed here, but will not be officially supported.
Supported devices
Following devices will be used by QA for testing the website:
Mobile:
- iPhone XR
- iPhone 11
- iPhone 13 Pro Max
- Google Pixel 6
- Samsung Galaxy A10
- Samsung Galaxy S21
Tablet:
- iPad 9th
- iPad 10th
- Samsung Galaxy Tab S8
Desktop:
- Mac Ventura
- Windows 10 or higher
Other devices also being supported, but QA only check the issue if:
- Using the browers listed above on the device.
- The device is available on BrowserStack.
Notes
Only the viewport will determine which display mode (mobile/tablet/desktop) will be used (see below), for example, if a device was labeled as tablet, but it has very small viewport, the page will be served using mobile mode instead.
Supported viewports
What is the different between viewport and screen resolution?
Viewport and screen resolution are related to the display of web content, but they represent different concepts.
On any device, you can visit What is my viewport to check the viewport for your screen.
Viewport refers to the visible area of a web page within a browser window or device screen. It is the portion of the screen where the web content is displayed. The size of the viewport can vary depending on the device and the browser window size. In responsive web design, the viewport is an important consideration for designing and adapting the layout of web pages to different screen sizes and orientations.
Screen resolution, on the other hand, refers to the number of pixels available on a display screen. It represents the level of detail and clarity of the visual output. Screen resolution is typically expressed as the number of horizontal pixels multiplied by the number of vertical pixels, such as 1920x1080 (Full HD) or 3840x2160 (4K Ultra HD). Higher screen resolutions generally provide sharper and more detailed visuals.
The viewport and screen resolution are related because the size and resolution of the screen influence the size and rendering of the viewport. However, it's important to note that the viewport can be smaller or larger than the screen resolution due to factors like zoom level, device pixel ratio, or the presence of browser toolbars.
In summary, the viewport represents the visible area of a web page within a browser window or device screen, while screen resolution refers to the number of pixels available on a display screen. The viewport adapts to different screen sizes and orientations, while screen resolution determines the level of detail and clarity of the visual output.
Following viewports are officially supported:
| Viewport | Min width | Max width |
|---|---|---|
| Mobile | 350px | 767px |
| Tablet | 768px | 1199px |
| Desktop | 1200px | 2559px |
The site might works with smaller viewports, but will not be tested nor officially supported.
The site might works with larger viewports, but will not be tested by QA. FE team still accept bugs if there is any.