DEV Community

Cover image for Forward a port: Multi-device viewing
Anna Villarreal
Anna Villarreal

Posted on

1 1 1 1 1

Forward a port: Multi-device viewing

Hey guys - I was starting a project and viewing in local host like normal. Suddenly I discovered port forwarding magic as a tangent in a video. I love these random finds. Of course I have to share.

To put simply, head over to your ports tab in VSCode, it is most likely right by the terminal.

  • Click ports
    ports screenshot

  • Click add port button...

  • Enter the number of your chosen port

ooo alien

  • Click the globe icon

globe icon

  • Verify things when prompted.

verification

  • You will most likely have to verify things on your phone as well. You now have a dev tunnel! You can enter that exact address in your phone browser and view the page live! You can share your port with anyone that is on your network. MOM!!!! XD

Now, we can view on many devices in real time. Fabulous.

On Phone:
phone screen

On Computer:
computer screen

I hope someone is as excited as me when I found out how to do this. XD

Image of Timescale

Timescale – the developer's data platform for modern apps, built on PostgreSQL

Timescale Cloud is PostgreSQL optimized for speed, scale, and performance. Over 3 million IoT, AI, crypto, and dev tool apps are powered by Timescale. Try it free today! No credit card required.

Try free

Top comments (2)

Collapse
 
aldoportillo profile image
Aldo Portillo

Love dev tunnels great for server development 🙌

Collapse
 
annavi11arrea1 profile image
Anna Villarreal

It's so exciting! I think you can do like 20 devices at once. Not saying it should be done. 😆 would be fun to see though.

Cloudinary image

Zoom pan, gen fill, restore, overlay, upscale, crop, resize...

Chain advanced transformations through a set of image and video APIs while optimizing assets by 90%.

Explore

👋 Kindness is contagious

Engage with a sea of insights in this enlightening article, highly esteemed within the encouraging DEV Community. Programmers of every skill level are invited to participate and enrich our shared knowledge.

A simple "thank you" can uplift someone's spirits. Express your appreciation in the comments section!

On DEV, sharing knowledge smooths our journey and strengthens our community bonds. Found this useful? A brief thank you to the author can mean a lot.

Okay