Recently, we have made personally developed apps responsive. You can see it with the developer tools, but you want to check if it is displayed properly on the actual machine. In such a case, we will share how to easily check with the smartphone app.
【environment】
First, connect your PC and smartphone to the same WiFi.
Then press ** Windows key + R ** and type ** cmd **. Open a command prompt, type ** ipconfig ** and press enter.
Ethernet Adapter VirtualBox Host-Only Network:
(abridgement)
Ethernet Adapter VirtualBox Host-Only Network #2:
(abridgement)
Ethernet adapter vEthernet(Extarnal Virtual Switch):
Connection-specific DNS suffix. . . . .: flets-west.jp
IPv6 address. . . . . . . . . . . .: 240xxxxxxxxxx
Temporary IPv6 address. . . . . . . . . .: 240xxxxxxxxxxxxxxxx
Link-local IPv6 address. . . . .: xxxxxxxxxxxxxxxx
IPv4 address. . . . . . . . . . . .: 192.168.1.193//Remember this part
sub-net mask. . . . . . . . . .: xxxxxxxxxxxxxxx
default gateway. . . . . . .: xxxxxxxxxxxxxxxxxxx
When you enter it, it will come out in various ways like ↑, so ** Probably, if you are using Docker for the virtual environment, enter the IPv4 IP address in the column labeled Ethernet adapter vEthernet (Extarnal Virtual Switch) on your smartphone browser. I think you can access it by typing from **. (Example: If port 3000 is open, you can access the PC development environment by setting http://192.168.1.193:3000/.)
If the development environment is different, you will need to enter another IP address, so please find an address that connects in a timely manner!
I output what I learned every day like this! We hope you find it useful! If you have any suggestions, I would appreciate it if you could comment!
Recommended Posts