Preview localhost website on phone #htmlcss #webdevelopment #frontend #html #css #javascript #coding

[saptarshibhunia]

Just go to inspect and there we can see the website in different devices and for different width and heights...but this is something new...thanks

[ashu]

Thnx brother mai ye bohot dino ke search kar raha tha, ab pata chal gaya thank you

[kartikvishwakarma]

Just enter your ipv4 address of your system and add your port number

[techT]

The problem is most of the companies not allow this, because of policy

[arnabnath]

This is superb ❤

But u can also run: npm run dev -- --host
Condition is phone and laptop should be connected to same wifi😃

[ArunSingh-qnyi]

But both devices should be on same network ye kaun btayega bhaiya

[MohammadImran-bbsj]

Wow, I can't thank you for this video. I' thankful to you bro.

[vaibhav.n]

Kabhi project idx ka naam suna hai it has its own android testing device+ai

[IAmUsingAndroid]

just letting you know. Chrome me hi dev tools me mobile view ka bhi option aata hai, or ye har chromium based browser me available hai.

[SpaceNews]

very good
is kii b zurat nhe localhost per b run kii ja shkti using device Ip

[shriyashjagtap]

Bhai isse acha browser main bji deksakte hai na but thanks to show another way

[zububabu]

u can use network host if ur using react or nextjs( i think u can do with vanilla html css js too) if both ur phone and laptop is connected by same network (ip adreess/wifi) you can view in any device conected to same networl

[Theshivanshseth]

Yes and don't go to Chrome inspect and just aside of select option there will be no phone preview option on which you can never see different mobile model devices view. Where you can select from the wide range of phone, iPhone to samsung. Use your ide instead. Wow

[cartoonzest]

I think for this trick, we also need to sign in github account

[darklistener]

Me usb se karta tha phele thanks for this trick 🙂

[Sid___-]

Le me: Who is coding in phone for a year
And wondering to check responsiveness in pc😅😅😅

[sdis-ylyp]

If u enable live preview via extension and use same wifi or local network, just type pc IP address:port number and u r good to go. Works with react or any web preview 😊

[ashutosht]

You can just simply use a live server to do the same in which you don't have to start port forwarding. But this will only work if both your computer and mobile are on the same wifi.

[MR.RITU_R]

Bhai mere nahi ho rahe hai pls help me🙏

[LifeLogic-Insights]

you can do same thing by using ipv4 address of your local computer you simple have open your chrome in mobile and type ipv4add and port no which is 5500 in most cases Note phone and laptop must be connected with same network