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,…


This content originally appeared on DEV Community and was authored by Anna Villarreal

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


This content originally appeared on DEV Community and was authored by Anna Villarreal


Print Share Comment Cite Upload Translate Updates
APA

Anna Villarreal | Sciencx (2024-10-12T21:52:45+00:00) Forward a port: Multi-device viewing. Retrieved from https://www.scien.cx/2024/10/12/forward-a-port-multi-device-viewing/

MLA
" » Forward a port: Multi-device viewing." Anna Villarreal | Sciencx - Saturday October 12, 2024, https://www.scien.cx/2024/10/12/forward-a-port-multi-device-viewing/
HARVARD
Anna Villarreal | Sciencx Saturday October 12, 2024 » Forward a port: Multi-device viewing., viewed ,<https://www.scien.cx/2024/10/12/forward-a-port-multi-device-viewing/>
VANCOUVER
Anna Villarreal | Sciencx - » Forward a port: Multi-device viewing. [Internet]. [Accessed ]. Available from: https://www.scien.cx/2024/10/12/forward-a-port-multi-device-viewing/
CHICAGO
" » Forward a port: Multi-device viewing." Anna Villarreal | Sciencx - Accessed . https://www.scien.cx/2024/10/12/forward-a-port-multi-device-viewing/
IEEE
" » Forward a port: Multi-device viewing." Anna Villarreal | Sciencx [Online]. Available: https://www.scien.cx/2024/10/12/forward-a-port-multi-device-viewing/. [Accessed: ]
rf:citation
» Forward a port: Multi-device viewing | Anna Villarreal | Sciencx | https://www.scien.cx/2024/10/12/forward-a-port-multi-device-viewing/ |

Please log in to upload a file.




There are no updates yet.
Click the Upload button above to add an update.

You must be logged in to translate posts. Please log in or register.