一般在做移动端页面相关开发的时候,可能会出现以下几种情况:
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等等。