如何用电脑PC浏览器模拟手机页面

Posted 2023-05-13

Chrome

在网页按F12，打开开发者工具，单击"切换设备工具栏" 

microsoft edge

在网页按F12，单击仿真，选择合适的分辨率。

IE

在网页按F12，单击工具，单击更改用户代理字符串，打开自定义。友好名称随意填

用户代理字符串 

Mozilla/5.0 (Linux; android 4.1.1; Nexus 7 Build/JRO03D) AppleWebKit/535.19 (Khtml, like Gecko) Chrome/18.0.1025.166 Safari/535.19

其他设备UA可以自行百度搜索。

参考技术A 下一个夜神模拟器就可以了，我是在电脑上玩手游的，就是用的夜神模拟器，你看手机版的网页也可以用这个。 参考技术B 安卓模拟器

如何用手机测试本地开发的项目？

1在电脑上开启一wifi 手机连接开启好的wifi.

2在电脑上windows+r 打开cmd窗口 输入命令行ipconfig 如下图所示

3输入ipconfig后出现如下图所示页面 查看电脑ip地址

4在手机上输入电脑本地项目的地址，我这里随便输入一个

localhost:8080/jingdong/hope/shopindex.html#/tab1

然后把“localhost”替换成电脑的ip地址，这里我输入的是我自己电脑的

172.16.1.34:8080/jingdong/hope/shopindex.html#/tab1

5把电脑防火墙关掉否则手机无法打开电脑上的项目

到这里就大功告成了