DEV Community

How to Test Local Website on Mobile Devices

CodingNepal on June 13, 2024

This article was originally published at https://www.codingnepalweb.com. When building a website, developers often need to test if their site is...

Read full post

Bishakh Ghosh • Jun 15 '24 • Edited

Once can also try pinggy.io/
Paste one command as ssh -p 443 -R0:localhost:8000 -L4300:localhost:4300 qr@a.pinggy.io and get a QR code to the public URL for your localhost port.

Akhilesh gautam • Jun 17 '24

If you are developing react app then you have to use -- host flag to expose the link to the devices connected to your network
npm run dev -- --host

run this in cmd and you'll get the link for viewing your localhost in other devices

You can specify ip address after host but I recommend leaving it as it is.
I hope this helps..

Rushabh Patadia • Jun 15 '24

Thanks @codingnepal for this amazing tips.

CodingNepal • Jun 19 '24

You're welcome! Glad you found the tips useful!

Andrew B Kim • Jun 26 '24

In VSCode, you can use port forwarding with your github account. Then the rendered website is available not only in the local network but also from the Internet in general, e.g., your G3/LTE network.

Tevin Enadeghe • Jul 11 '24

Can you throw more light on this please

Syed Muhammad Ali Raza • Jun 14 '24

Nice

CodingNepal • Jun 14 '24

Thank you :)

Sourab Pramanik • Jun 17 '24

Ngrok is the beast here, try it. You can even share the public URL with anyone around the globe without exposing your IP, doing ssh, or sharing the same network.

It creates a proxy tunnel and all you have to do is map it to the right port in one command.