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

web移动端生产环境调试

时间:2015-09-23 13:31:31      阅读:136      评论:0      收藏:0      [点我收藏+]

标签:

如果是开发环境,比较容易:

最笨的方法是手机开QQ电脑开QQ把做好的页面传给手机QQ直接打开。。

参考:

http://blog.allenm.me/2014/05/mobile-web-debug-guide-1/

http://blog.allenm.me/2014/05/mobile-web-debug-guide-2/

 

对于移动端调试,尤其是生产环境,必须借助一定工具:

方法1:

借助fiddler调试:

第一步:1.fiddler 参数设置

技术分享

2.Connections面板端口号设置:
技术分享

 

3.使用ip进行移动端web调试

比如我的电脑WiFi是lazyman-baidu,ip是196.168.2.76.那么手机可以这样设置代理网络:

安卓机(我的是MX4,iphone基本相同处理)

技术分享

注意:需在同一网络,ip与电脑相同

第一步,设置完成 ok

 

第二步:开始调试

点击fiddler捕抓到的网络请求,点击该请求,右边

技术分享

点击save,基本可以开始调试。

 

方法二:如果只是想简单调试代码,可以借助chrome的调试工具。点击右上角手机模式调试

技术分享

Device设置手机类型,netWork设置移动网络类型,如3G,4G主要用于模拟手机网络速度。UA用于模拟浏览器,可以手动输入修改。比如把ios8改为ios9...

该方法调试代码不错。

 

web移动端生产环境调试

标签:

原文地址:http://www.cnblogs.com/peng14/p/4831834.html

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