How to view our local host website on mobile phone | web development tutorial

thanks for clicking on this video at the end of this video you will be able to display your local host website on your mobile phone so let's make this happen this is the demo website which we are going to display on our mobile phone you can see this website is on localhost firstly let's see how this website will look on mobile phone let me inspect this now you can see when we will display our website on mobile phone then one hamburger menu will be create here at the corner and our website will look like this now let's display this website on our mobile phone to make this happen we have to follow three steps first step is connect your phone and laptop to the same wi-fi you can also use mobile hotspot so go to your mobile phone and turn on hotspot after this come back to your laptop or computer go here and turn on wi-fi see our hotspot is connected now means our first step is completed now let's move towards second step that is getting ipv4 address to get that address go here and search for command prompt now click on this and you will get this popup now inside this type ipconfig and press enter now ignore all these things and just focus on this ipv4 address then inside your phone open google and type this address this should be exactly same see we have get this address here that means our second step also completed now let's move towards our one last step that is getting the local host url so close this command prompt first and see this is our local host url so now type this part on your phone and this also has to be exactly same then press enter congrats we have successfully displayed our website on our mobile phone now you can do one very interesting thing with us that is when we change our code then this website will also update and there is no need to refresh i will show you one demo this is the html code of this website see when i change this heading and save it by pressing control plus s then see our website also updated now when i again change this heading and save then again our website is updated and there is no need to refresh the website in this way you can see your website's responsiveness live on your mobile phone now if you find this video helpful then hit like and subscribe button for more videos like this and see you in next video

Channel: Disigner*

Views: 66,493

Keywords: how to see localhost website on mobile phone, mobile phone and website, localhost on mobile, localhost on smart phone, how to access localhost website on mobile phone, way to cosde, way to code, how to check is website responsive, local website on mobile, wifi tricks, cool tricks with wifi, wifi and website, mobile and wifi, how to open local host website on mobile phone, web development tutorial, web development

Id: sWu2P4IxO64

Length: 2min 55sec (175 seconds)

Published: Tue Jun 14 2022