charles代理

使用技巧如下:

http://www.jianshu.com/p/fdd7c681929c

1、手机wifi连接代理

以iphone为例,长按住wifi, 进入下一页,可看到 HTTP代理-配置代理, 点击进去,进入下图的页面。然后在服务器和端口设置你电脑的ip和port(如192.168.20.46 和8888)。

然后电脑上的charles会出现一个对话框,如下,请点击下allow。

2、手机安装证书

打开手机的默认浏览器,如safari, 输入http://charlesproxy.com/getssl 或者 http://chls.pro/ssl。证书装好之后,就可以抓到包了

当然,这样只能看到http的请求,如果是https的请求,你会发现是红色的叉叉。
打开charles -> proxys -> ssl proxying settings 可以设置,添加你需要拦截的https请求。
其实ssl proxying settings就是为了添加ssl证书,这样Charles才能拿到对称密钥,可以解析到服务端返回的内容

ios 大于10.3的版本,证书添加之后,还要将证书信任设置下,步骤如下: 设置->通用->关于本机->证书信任设置

3、MAP功能, tools > map local 是将某个网络请求重定向到本地的某个文件
可将本地js代理替换到远程

4、MAP功能, tools > map remote 是将某个网络请求重定向到另一个网络请求
可将测试环境代理替换到线上

5、DNS Spoofing 类似于hosts,
Spoof DNS lookups by specifying your own host name to remote address mappings.

6、Rewrite,重写对应的内容,主要可以对某些匹配请求的header、host、url、path、query param、response status、body进行rewrite,支持正则表达式.

下图是我用Rewrite将vconsole代理到每个html的规则

http://www.cnblogs.com/wonyun/p/5586746.html

http://www.heyuan110.com/2015/08/15/Charles%E8%BE%85%E5%8A%A9%E8%B0%83%E8%AF%95%E6%8E%A5%E5%8F%A3/ 很详细很赞

7、黑名单 Tools->Black List
白名单 Tools->White List

vconsole

啦啦啦~微信出的,可以实时看到打印的参数和网络请求。你只要引入下面的这个script就ok啦

这个是vconsole在h5上的浮层,点击就可以知道你想看到的啦。

IOS的 h5可以在safari联调

首先打开你的iphone,在设置下面找到safari-高级-然后打开Javascript和web选择器

接着,用你的数据线连上mac。在iPhone的safari上输入你想要调试的h5。打开mac上的safari浏览器-开发-**iPhone,选上你打开的url,嘿嘿,就直接可以调试你的页面啦。

安卓上的h5,可以调试测试包的webview

电脑上使用 chrome浏览器,进入chrome://inspect
数据线连接 手机, 进入开发者模式-USB调试

移动端h5调试方法的更多相关文章

  1. 移动端H5适配方法(盒子+图片+文字)

    一.怎么让H5页面适应手机 a.利用meta标签 <meta name="viewport" content="width=device-width,initial ...

  2. nodejs 开发服务端 child_process 调试方法(1)

    由于最近正在做一个服务端项目,采用了nodejs引擎开发,主要是master-worker工作机制;主进程可以直接调试,但是子进程调试好像有点麻烦,我没有找到好的方法; worker这里,我分拆成了几 ...

  3. 移动端H5调试

    背景:开发PC页面的时候使用chrome浏览器的开发者工具,可以很容易的捕获到页面的dom元素,并且可以修改样式,方便调试:但是手机上却很麻烦,因为手机上没有办法直接打开开发者工具查看元素.其实可以通 ...

  4. 移动端 h5调试技巧

    一 安卓 一 chrome 1.安卓手机安装chrome浏览器,手机打开开发者模式,用usb线链接电脑,并且允许调试. 2.电脑chrome地址栏输入 chrome://inspect 进入后点击 i ...

  5. 移动端利用chrome浏览器在PC端进行调试方法

    由于最近工作中遇到需要在电脑上调试手机端的功能和样式,之前也没有遇到过,所以就各种百度和试验.最后终于功夫不负有心人,成功了.(那一刻心情真滴很鸡冻啊~~~~~~~~~).所以暂时记录下来.以免鸡冻过 ...

  6. 移动端H5页面 input 获取焦点时,虚拟键盘挡住input输入框解决方法

    在移动端h5开发的时候,发现如果input在页面底部,当触发input焦点的时候会弹出系统虚拟键盘,虚拟键盘会遮挡input输入框.这会很影响用户体验,于是在网上找到了如下的解决办法: 方法一:使用w ...

  7. 移动端H5开发遇到的问题及解决方法

    本篇文章给大家带来的内容是关于移动端H5开发遇到的问题及解决方法,有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助. 微信分享签名错误invalid signature vue单页应用hi ...

  8. 移动端H5页面_input获取焦点时,虚拟键盘挡住input输入框解决方法

    在移动端h5开发的时候,发现如果input在页面底部,当触发input焦点的时候会弹出系统虚拟键盘,虚拟键盘会遮挡input输入框.这会很影响用户体验,于是在网上找到了如下的解决办法: 方法一:使用w ...

  9. 移动端H5测试调试利器 chrome://inspect/#devices

    使用 chrome://inspect/#devices,可以使安卓手机里的WebView也能和chrome一样审查元素,调试和测试移动端H5页面. 我使用的是三星S6 (该功能支持安卓系统4.4及以 ...

随机推荐

  1. java中几种常用的设计模式

    参考https://blog.csdn.net/jiyang_1/article/details/50110931 参考https://blog.csdn.net/dean_hu/article/de ...

  2. [java,2019-01-15] word转pdf

    word转pdf jar包 <dependency> <groupId>org.docx4j</groupId> <artifactId>docx4j& ...

  3. [论文阅读]MobileNetV2: Inverted Residuals and Linear Bottlenecks

    0.      本文贡献点 本文的主要贡献点是一个构造了一个结构,称为the inverted residual with linear bottleneck.该结构与传统的residual bloc ...

  4. redis 安装和配置

    准备条件:1>确保所安装的环境能够访问网络,2>环境中拥有gcc\g++.make.tar等工具3>以root身份登录安装过程:1>输入命令:wget http://downl ...

  5. spring boot aop 自定义注解 实现 日志检验 权限过滤

    核心代码: package com.tran.demo.aspect; import java.lang.reflect.Method; import java.time.LocalDateTime; ...

  6. 断断续续Python看到现在

    没有项目的支持 承认自己实践不足 但心怀梦想 我一定可以的

  7. python3下获取主流浏览器和python的安装路径

    #coding=utf-8#python3下获取主流浏览器和python的安装路径#by dengpeiyou date:2018-07-09import winreg,os #取得浏览器的安装路径d ...

  8. springmvc 学习

    第一章回顾JavaWeb中的MVC设计模式 1)MVC这种设计模式,不光运用于Web领域,而且也能用于非Web领域 2)今天说的MVC特指一种表现层设计模式,不限于Java语言 第二章回顾struts ...

  9. 新建DataTable

    //创建DataTable DataTable dt = new DataTable("NewDt"); //创建自增长的ID列 DataColumn dc = dt.Column ...

  10. php解决高并发问题

    我们通常衡量一个Web系统的吞吐率的指标是QPS(Query Per Second,每秒处理请求数),解决每秒数万次的高并发场景,这个指标非常关键.举个例子,我们假设处理一个业务请求平均响应时间为10 ...