Manual testing and debugging

Let's start with manual testing, debugging your responsive application locally on your development machine. For this purpose, I created a little dashboard application that is displayed in the following screenshot. The picture is a screenshot from a Chrome window on my desktop computer:

The dashboard application with visualization components

Testing and debugging locally

Running your devices locally has one big benefit: it is super fast, and you can quickly see how the visualization feels. You have control over the device; it's either in your hands or running on your local machine. The following figure shows a typical local development setup:

The local development setup

Changing Device Modes in a Chrome desktop browser

The fastest and most convenient way of quickly testing an application with a different screen resolution is to use the Device Mode setting in the Chrome Developer Tools. You can open it by first opening the Developer Tools (pressing F12) and then clicking...