码迷,mamicode.com
首页 > 移动开发 > 详细

手机端页面开发调试

时间:2019-01-30 14:20:47      阅读:154      评论:0      收藏:0      [点我收藏+]

标签:技术分享   关闭防火墙   服务   搭建   网络   分享   ima   阶段   服务器   

一、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的入站规则

技术分享图片

 

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

 

手机端页面开发调试

标签:技术分享   关闭防火墙   服务   搭建   网络   分享   ima   阶段   服务器   

原文地址:https://www.cnblogs.com/tianheitianyu/p/10337720.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!