You can use Chrome web browser to view the website in mobile version from your desktop computer. This will be useful for web developers and designers to instantly see how the look of their website after some codes or design changes.
So how do we do it? Click on the 3 vertical dot on your top right. Select More tools > Developer tools. You can also use the keyboard shortcut, CTRL + SHIFT + I to get the same output.
You will see 2 screen below, the mobile view will be on your left panel and the right panel will give you the elements, console, network (few more options). Ignore the right panel (you can decrease the size) as we are only want to see how our website displayed in mobile version. Additional to that, you can select which type of smartphone available and how they are been displayed with the screen size accordingly.
If you are looking for advanced or additional settings, click on Edit link from above screenshot. From here, you can setup and define further settings as per your requirements. As an example, if you click on Devices, you can add more smartphones device into the selection lists.
