Video není dostupné.
Omlouváme se.
How to test a local website on your phone
Vložit
- čas přidán 19. 08. 2024
- How to fix "This site can't be reached" error -- 04:37
🔥 Learn how to build a responsive website from a Figma design with HTML, SCSS, JS ➡️ coder-coder.co...
😎 Join the Coder Coder Club and get sneak peeks of videos: courses.coder-...
👕 Get my hoodie here: coder-coder.co...
💻 Become a full-stack web dev with Zero to Mastery: academy.zeroto...
🎨 Get my VS Code theme: marketplace.vi...
🔽 FOLLOW CODER CODER
Twitter -- / thecodercoder
Instagram -- / thecodercoder
#css #javascript #html
in vite, you should write npm run dev -- --host
(instead of only npm run dev, add double hyphen space then --host )
so you can visit in mobile / local network.
I love your straightforward approach to explaining the content, some people seem to be more interested in speaking than teaching. Great job. Thank you!!
This is THE MOST useful tutorial on CZcams. Period
This right here might be one of the most handy video I've seen so far as a junior. Thanks!!
I've been looking for how to do this for months.
Cause mine always showed that error.
God bless you lady. 😘
Many people dont even bother teaching their viewers how tondo it asif they dont know that people are beginners in all these. Tech things.
Thanks.
Now I can share my site for testing with my friends.
I've been scratching my head for days to put website on my local network. Thank you so much for this video.
I use ngrok for all my testing. Great way as well!
Ngrok much love
Ya it much simple and we can use it on outside of the home network
Me three!!
yes! but just for testing purpose it's the best method
Yap Ngrok is really amazing.
Wow, really simple but very very useful. Thank you for the clear, concise explanation.
The one who is facing same problem after all the steps...
Maybe your wifi network is selected as public network in wifi settings , change it to private
It worked for me ✨️
i had the "this site is unreachable " problem and i searched the internet and i couldn't find any solution ...that was really helpfull vedio for me thanks
Wow!!!! This is super helpful. Thank you! I love the fact that I can see my website in real-time on my MacBook, iPad and iPhone. I also love that I don't have to refresh to see the changes. Subscribed.
Amazing content, very concise and perfectly clear.
It is very concise
Thank you so much for this amazing video! It was incredibly helpful and made everything so much clearer. Your explanations are always on point. Keep up the great work!
I already studied all of this in a networking course, but I somehow forgot it all.
Watching your video when I was wondering about how to answer this specific question, I felt kinda stupid because of how obvious it is for someone who should supposedly know how networks work...
Thank you
One of the best useful tutorial I have ever seen. Thank you 🙂
Great timing Coder Coder. I was going to research a solution for this problem. You’ve saved me lots of time. Thanks for sharing.
There are people downloading sketchy and not super secure softwares. In order to do this, excellent video!
Thanks for watching!
Thank you for this tutorial, this was the first time I did this! Note for anyone using their phone as a hotspot: it doesn't work if you tey to load the website on the same phone you are using as your internet source. But! I am still learning so maybe it is possible somehow? You have to have your computer and phone both connected to the same wifi source.
Finally got the solution to this site cannot be reached
thanks to this, I was able to get my website looking perfect for mobile devices in no time! This trick was a life saver.
Thank you this is a great solution that I've only found out about recently. I tried to use virtual android but my PC isn't that powerful enough so the vitual phone tends to hang. Now this method is so much faster using my own phone to view the apps I'm trying to format for mobile.
wow, with another pc, laptop, tablet, smart phone. You are amazing! Thank you!
Nicely done! This was super helpful. Cool Steam Deck btw!
Miss your content so much ! Finally !😍
Please, there's a cool animation on your website I would really like to learn. That unicorn throwing some stars.
My Number 1 inspiration here in youtube. Hoping to be just like you in the future :) sending love from Philippines.
Very helpful, works a treat on iPhone and iPad with VSCode running in Linux on an ancient old laptop. Thanks very much!
how did you do it for mac? i used ipconfig getifaddr en0 and then opened the ip adress on phone/ipad and it isnt working
Now show me how to test my site at the theatre
💀 man's on a mission to create the world's best site
@@jumah_tj I just want to be able to use my site on my other phone. But I pay someone else money for that apparently
@@jumah_tj idk what site your referring to
I am learning coding...And this was so helpful. Thank you so much. Super useful!!!
🤠 You are always bringing great content!😃 Jessica the greatest!!!🥳🥳💛💛
Amazing, thank you! Very straight forward and well explained.
Hello i am Web developer I have a 5 years experience in wordpress, node js, React js development
Thank you very very much for this little hack because it helps so much. My browser side of mobile development was not actually showing me how the website would look on a smaller screen. Now I can see it without deploying on both of my screens on an android and an iPhone thank you so much.
Thank You for uploading this video. It saves my life in web development
thanks to you ma'am now I can test my website in my phone I was trying same procedure before but unable to get any results because of errors you mentioned but I followed your instructions and bravo I got it
Thank u i found many errors about sizing that i didn't knew
What the!!! It worked!!!!.... You just made my life a whole lot easier...
Thanks a lot!
Thank you so much, it worked ❤
Hey thanks for this detailed content.
Helpful for me.
Amazing information which hardly anyone was knowing
Always comes up with great content.
Just cool stuffs. 😎
Finally you are back!
This was very helpful. You are really doing it right. Thanks a whole bunch.
Thanks a lot, really appreciate all the hard work you put in these lessons. Clear and straight to the point
works amazing, thanks helped me troubleshoot my mobile layout
OMG I REALY NEED THIS AND IT'S WORK THANK YOU FOR THIS INFO,APPRECIATE IT
Thankyou for such a good explanation, this eill come very useful for most of web devs. Also you are look so cute!
I been learning for quite some time. And didnt know that you can connect with phone that easy... Ty. xD
I been using the Live Server For I while, and I never thought on testing this way, Well thanks for the information.
Thanks for the helpful tip for finding the ip address to use to connect with my phone. I wasn't sure it was going to work, because my laptop is on a hotspot on the same phone I wanted to use, but it did!
Good to see your beautiful face my girl is getting on pace 🤩.keep posting more frequently.
Thank you verymuch , i spend many days checking for the way to view in my device without downloading the whole code
Thank God! this work for me as soon as did it!
On mac: Option + Click the wifi icon in status bar
Great video!
04:37 thank you very much, now i can access my localhost on my Android.
Really i was in urgent need of the same thing and this video completely helped me. Thank you so much for this video.
wow, amazing... You are always bringing great content! Thanks!!!
Thank you. Its so usefull. I wished me that in my last editor and was very blessed when I saw it right now. Pretty cool. Last but not least I am a big Fan of your funny faces. You are awesome. Peace & Love from Germany.
this is very helpful video that i was looking for many times ❤
How about if I use my phone for hotspot
Wow Amazing, Thank you for sharing Coder
For those who using REACT-VITE
update package.json file's "script" object.
"scripts": {
"dev": "vite --host",
(rest same)
}
Type 'npm run dev' command on terminal.
Now a new link will be available which can be used on any device connected on same network.
Enjoy😇
Super Simple Dev, cool works!👍
you saved me with your windows firewall tip. Thank you very much!
Thanks Jess, A react app when run by npm start or npm dev start or w/e it shows the address On Your Network, copy paste enjoy
a million thanks! this helped me a lot!
Wow! This is a life-saving tutorial. Thank you so much for producing this video.
@dheerajEdits same here, it refuses to show my images even after getting the whole images into the same HTML File, i'm stuck
This is so much helpful. Thank you very much.
Thanks for help ❤❤❤
You can use port forwarding on your router
Thank you for this. This will really come in handy for me.
This is legit, thanks! didn't found any issues yet 👌
This has been really helpful! thanks a ton!
you got a new suscriber , your trick was amazing
I thank God I'm seeing this video.
I'm gonna give this channel a subscribe
The new VS Code port forwarding feature should be able to address this problem during development phase itself.
Had really missed you Coder coder
Thank u so much, It was completely easy to follow those instructions.
Thank you so much, I really needed this.
It worked, thank you for such useful content
Thank you very much! This is gold
Love you mate. You Just saved my day .
Super cool! Such an amazing content
Love it, long gone are the days of using Ghostlab to test on multiple devices lol
thanks sis ...
i was looking for this for a long time...
this was very helpful.. thank you
Thank God is not another app to download😂 Perfect tutorial 👌 ✨️
Glad you posted something today, I was taken aback because Twitter is being shutting down. Twitter is a... website
This is super helpful! Thanks!
Thankyou for your teaching this ,it's save lot of time and energy 😊❤❤
You are awesome, it works ❤❤❤ thanks a lot ma'am..
wow, Amazing, it actually works, great job
Thanks a lot Ma'am It works on my phone.
Great job 💯 you are a life saver
Thanks a lot. It worked for me.
thank you so much, really cool and useful material
Thank you for this easy and quick tip
Wow amazing, I need to know this.
I searched for this kind of video some days ago.
Thanks. This means a lot.😘