移动端浏览器如何访问pc端真机测试？——只需四步

移动端浏览器如何访问pc端真机测试？？？

最近经常碰到有学员问我，pc端调试好移动端html页面怎么用真机访问做测试呢？下面我们就来一波分享，其实 so easy。

首先现在很多编辑器都有内置的服务器，所以不需要我们自己搭建了。拥有这四步，瞬间完成移动端真机测试。。。

第一步：手机和电脑连接同一网络环境，即局域网连接。打开终端，mac输入ifconfig（window输入ipconfig）,查看ip.

第二步：使用phpstrom编辑器打开文件，浏览器打开
webstrom和Hbuilder同上，vsCode可装插件live server

第三步：打开页面后把地址栏中的localhost改成第一步获取到的ip,就做到了通过ip访问页面

第四步：打开手机，把地址栏中的地址复制到手机浏览器中访问就完成真机测试啦！！！

如果访问不到请检查phpstrom设置 把端口号修改一下一般情况下8080端口容易被占用，并勾选可以接受外部连接，再检查下电脑防火墙是否关闭，若不关闭电脑防火墙有可能直接被阻止

如果再访问不到就要检查是否处于局域网环境了，有以下几种情况
第一种情况：连接wifi,检查路由器设置，有可能会阻止
第二种情况：连接手机热点，部分机型会阻止

解决方法：电脑先连接手机热点，然后用数据线连接手机电脑，先选择充电模式，打开设置–>个人热点–>更多共享设置–>USB共享网络

⚠️每次切换网络后ip地址也会改变，所以需要重新查看ip地址