一、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的入站规则
这样就可以一边在手机上看效果,一边在电脑上开发调试了。