手机端页面开发调试

Posted 2021-02-06 tianheitianyu

一、PC和手机处于同一局域网下

   手机上安装wifi魔盒，使用里面的工具看是否可以跟电脑ping通，能ping通说明在一个网络里。

  注：如果手机和电脑明明在同一个局域网内并都可以正常上网，可是ping不同，可能因为交换机上做了端口隔离，还有种可能是交换机上禁用了PING功能。

二、搭建本地服务器

   在开发阶段使用wenpack或者写静态页面使用browser-sync开启本地服务器，此时在pc上将localhost改为电脑的IP地址可以打开网页。

 

 

三、手机上查看开发网页

   在手机浏览器输入地址，如上面的10.0.0.2:3000/views/product.html，如输入地址麻烦，可以在其它工具网站上，如cli.im，将地址生成二维码，直接扫码打开网页。

   如果打开失败，在关闭防火墙或者防火墙新增一个入站规则：

   控制面板-》防火墙-》高级设置-》入站规则（新建规则）-》 选择端口类型-》特定本地端口（如上面：3000）-》下一步。。。

   新增入站规则还是失败，在防火墙里添加node.exe的入站规则

 

这样就可以一边在手机上看效果，一边在电脑上开发调试了。