| Status | ||||
|---|---|---|---|---|
|
...
Standards
We generally target the latest version of the top four web browsers of the following two breakpoints...
- Desktop
- Chrome
- Firefox
- Safari
- Edge
- Mobile
- Chrome (iOS & Android)
- Safari (iOS)
These figures are brought down from statcounter.com .
Testing with BrowserStack
BrowserStack: https://www.browserstack.com
...
It provides automation possiblities via Selenium webdriver.
Usage
To generate a bunch of screenshots through BrowserStack...
- Visit https://www.browserstack.com/users/sign_in
- Ensure you're logged in using LastPass
- Visit https://www.browserstack.com/screenshots/
- Generate Screenshots from the given URL
To live test a site...
- Visit https://www.browserstack.com/start
- Select which device to test on and start the browser
- Load up the URL and test away
Device List (Updated Nov 2022)
Here is a baseline list for modern devices with most used viewport sizes:
- iPhone 13 mini: viewport width - 375px
- iPhone 13 pro max: viewport width - 428px
- iPad Air 5: viewport width - 820px
- iPad mini 2021: viewport width - 744px
- Samsung S20: viewport width - 360px
- Samsung Galaxy Tab S8: viewport width - 753px
Device List
Here is a baseline list for maximum browser coverage:
- android Google-Nexus-4 4.2
...