移动端仿真线上调试方法

一般在做移动端页面相关开发的时候,可能会出现以下几种情况:

a)我需要携带域名下的cookie信息

b)我需要确认移动端上的效果与目标效果一致

c)我需要用到线上的部分功能

对于上述三种问题的常规解决方案是

answer a)使用hosts做解析

answer b)在同一可访问网络下直接通过IP地址访问

answer c)同answer a

不过以我的实践来看,这种方式去做开发调试是相当麻烦的= =,所以我在此推荐一种新的比较完美的移动端调试的方案。

首先来准备一下相关工具:

1.Fiddler

2.手机一部

3.电脑一台

*4.Vpn

*为可能需要的

我再啰嗦几句,说一说上面的工具:

Fiddler可是神器,自行脑补。

手机和电脑这个是99%必须的,肯定有例外不用这些,欢迎补充。

下面我来讲一下大概的步骤。

1.打开Fiddler,Tools菜单下的Fiddler Options,点击Connections选项卡,勾上Monitor all connections,重新启动Fiddler。

2.打开Fiddler Tools菜单下的HOSTS,勾选Enable remapping,启用Host Remapping功能。在下面的输入框中按照#Example输入

ex. 10.18.24.66 test.douhan.li

保存一下。

3.设置手机的相关代理,指向该计算机的8888端口

4.enjoy

虽然步骤比较简单,不过实际调试会遇到各式各样的问题,其实个人开发一般都不会遇到问题,自己有自己的路由器,自己的域名,本文不适合个人开发者阅读,比较适合具有多种网络限制的人们参考。以下将列几个比较常见的限制情况:

1.有内外网限制,手机无法直接访问电脑

2.微信浏览器相关接口开发

3.其他阻止直接连接的各种问题

按照各种遇到的问题可以按照上述思路想一想解决方案,例如可以通过建立VPN+代理的方式解决问题1等等。

 

发表评论

电子邮件地址不会被公开。 必填项已用*标注