How can I open any phone on my screen while coding ?
Can someone help me to open any phone while coding , like I wanna see a preview while coding and the phone on my screen at the same time. Can anyone help ?
30 Replies
do you mean responsive mode in your browser? ctrl+shift+m with the devtools open
I think they mean over LAN
You need to host it localhost:port then access it via your LAN IP:port
Vite you can add teh flag --host to expose to your LAN network
VITE v5.0.12 ready in 693 ms
➜ Local: http://localhost:5173/
➜ Network: use --host to expose
like that
![No description](https://answer-overflow-discord-attachments.s3.amazonaws.com/1207845330511462460/MobileDisplay.jpg)
that is a iPhone emulator on mac no?
its for Native development faik 🤷♂️
i don't really know i got this from random pic, but my question was about that, how can I have any mobile while coding
you get 99% of this by just using responsive mode in the devtools
Like Jochem said just use Devtools
there's very few edge cases where you have to test on an actual device, and most of those you do actually need the real device anyway
okay thanks
that's x-code emulation
one thing you need to test is if the top bar of the browser has the correct color
<meta name="theme-color" content="#123456" />
<-- this here, can only be tested in a real device or a pwa
if you have an android phone, enable usb debugging then plug the phone into the pc
on the pc, navigate to chrome://inspect/#devices
wait for your device to show, then click "inspect" on the tab you have open in your phone
![No description](https://answer-overflow-discord-attachments.s3.amazonaws.com/1207895297221730406/image.png)
you then have this ui to debug anything you need to in the browser, from your pc
![No description](https://answer-overflow-discord-attachments.s3.amazonaws.com/1207895835505856522/image.png)
This is neat didn't know you could do this
Does it actually emulate the bars?
no, it doesn't
that's why you still need the physical device
maybe in newer android versions you can emulate it, but on android 9, it doesn't
you can also use android studio with the emulators
or bluestacks
or a vm with android installed in it
also an option, although it has a lot of ads
not the vm, and the ads can be deleted
not the vm indeed (was responding to bluestacks)
(i know)
but, this is still easier and maybe faster to do on a real android phone
the android vm tends to be very sluggish
so is the sdk tbh
mostly due to lack of gpu acceleration
and is very crashy too, because of using an arm translation layer to x86
and you need the rams, not everyone has that
yup, ram consumption is crazy
a cheap 2nd hand android is probably a better option
yea I always find that testing on a actual device is my best option xD
same
also, you actually see how it looks and feels to use your studf
stuff
also, emulating touch on a pc is very hellish
and pitch to zoom too
Just buy a small amount of devices (~ 100) of different brands, os, versions and sizes. Easy 😉
or a single old samsung phone
one that doesnt retain value, but is fairly up to date
by the way, is there a teamviewer host for ios? android has/had one
Just an iPhone alone is a pricy test product 🤣
I send links to people I know with them >.>;; (here test this for me send video/screen shots of anything off)
🤣 i would do the same if i could