OnDevice is a quick and accurate responsive design tool tool built for web/UI designers and front-end developers. The heart of OnDevice is to display multiple devices in one viewport, making the result scanable and the devices comparable. So if you want to test responsive design OnDevice please check this review.
Real device preview
How To Test Responsive Design? The responsive test results are displayed with real device images around them to view what the client sees during a review and thus minimises the number of correction iterations and change requests.
All devices are displayed in one horizontal viewport where you can compare them, easily find the inconsistencies and have an overview of how your responsive design looks across multiple devices.
Physical device sizes
The display of the responsive testing is based on real device sizes, to see how certain resolutions look in real life and to check whether you set your break points correctly.
The device pixel ratio and the inconsistency between browsers, including or excluding the scrollbar in the media query widths, are incorporated so they will not modify the responsive test results compared to real devices.
Predefined devices list
The device list of the responsive tester ranges from the smart phone to the HD monitor and they all have their brand, resolution and market share displayed so you know which resolution belongs to which device and how important it is to test on that device.
By turning off the designer toolbar, you get a sleek, clean interface on which you can present your responsive design to stakeholders without taking painstaking screenshots.
There is no restriction whatsoever on the number of responsive design tests you can run on your account. There is also no restriction on the length of the test run. You are free to use it day and night, 24/7.
The current device list contains 50 different types of devices ready for responsive testing, such as smart phones, tablets, laptops and monitors. This number is growing steadily, based on user requests.
There are several different scaling options to refine the viewport and make your preferred devices easily scanable for the next responsive testing. Whichever you choose, the devices will keep their real-life proportion to each other.… Read the rest