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
Jochem
Jochem9mo ago
do you mean responsive mode in your browser? ctrl+shift+m with the devtools open
b1mind
b1mind9mo ago
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
b1mind
b1mind9mo ago
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
Jochem
Jochem9mo ago
you get 99% of this by just using responsive mode in the devtools
b1mind
b1mind9mo ago
Like Jochem said just use Devtools
Jochem
Jochem9mo ago
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
ἔρως
ἔρως9mo ago
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
ἔρως
ἔρως9mo ago
wait for your device to show, then click "inspect" on the tab you have open in your phone
No description
ἔρως
ἔρως9mo ago
you then have this ui to debug anything you need to in the browser, from your pc
No description
b1mind
b1mind9mo ago
This is neat didn't know you could do this Does it actually emulate the bars?
ἔρως
ἔρως9mo ago
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
MarkBoots
MarkBoots9mo ago
you can also use android studio with the emulators
ἔρως
ἔρως9mo ago
or bluestacks or a vm with android installed in it
MarkBoots
MarkBoots9mo ago
also an option, although it has a lot of ads
ἔρως
ἔρως9mo ago
not the vm, and the ads can be deleted
MarkBoots
MarkBoots9mo ago
not the vm indeed (was responding to bluestacks)
ἔρως
ἔρως9mo ago
(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
MarkBoots
MarkBoots9mo ago
so is the sdk tbh
ἔρως
ἔρως9mo ago
mostly due to lack of gpu acceleration and is very crashy too, because of using an arm translation layer to x86
MarkBoots
MarkBoots9mo ago
and you need the rams, not everyone has that
ἔρως
ἔρως9mo ago
yup, ram consumption is crazy a cheap 2nd hand android is probably a better option
b1mind
b1mind9mo ago
yea I always find that testing on a actual device is my best option xD
ἔρως
ἔρως9mo ago
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
MarkBoots
MarkBoots9mo ago
Just buy a small amount of devices (~ 100) of different brands, os, versions and sizes. Easy 😉
ἔρως
ἔρως9mo ago
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
b1mind
b1mind9mo ago
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)
ἔρως
ἔρως9mo ago
🤣 i would do the same if i could
Want results from more Discord servers?
Add your server