When building a website, developers often need to test if their site is responsive, optimized, and... Tagged with webdev, coding, productivity, tutorial.

Dev.to is a community platform for developers, offering resources, discussions, and networking opportunities to empower individuals in their coding journey. Developers can learn new programming languages, frameworks, and tools, engage in discussions on best practices, and share their experiences with fellow developers to enhance their skills and grow their professional network.

Learn how to test local websites on mobile devices in three simple steps. Use the VS Code Editor and the Live Server extension for better visualization, clarity, and touch interaction with your project. Make sure your phone and desktop are connected to the same WiFi network, run the Live Server, find your local IPv4 address, and view your project on the phone using the IP address and port number.

How to Test Local Website on Mobile Devices

If you need all developer tools in chrome, I recommend to plug in the device via usb and then use the chrome://inspect#devices
More info <a href="https://developer.chrome.com/docs/devtools/remote-debugging" target="_blank" rel="noopener nofollow">here</a>

We can either change the screen size according to device through inspect section in web browsers or some backend frameworks themselves create a development server which can be located on any device on the same network. This extension thing is basically for static websites.

I’m going to have to try this. This seems a lot better than deploying my app, and just to test it on my phone.