调试 whistle 移动端weinre调试
whistle
内置了weinre
,weinre
可以用于调试远程页面特别是移动端的网页
打开小猴思维app,访问正式环境,可以看到host是 imonkey.xueersi.com
然后这时候点击Rules配置规则
# xxx为对应的weinre id,主要用于页面分类,默认为anonymous
www.example.com weinre://xxx
保存后,鼠标悬浮Weinre
菜单上会出现你配置的weinre ID
点击会出来一个weinre
的调试页面
打开小猴思维app正式环境,点击体验课看到访问的地址,以及其他信息。
不过点击network
的时候发现,没有数据,估计是请求太多,卡掉了。
点击elements
展开页面元素也比较慢
点击console
有太多whistle
注入的打印信息,这些后面调研一下。
(补充:经过github issue 提问跟原作者沟通了一下,主要原因是由于项目里面开启了vconsole导致,weinre和vconsole不能共存)
返回刚刚的 页面127.0.0.1:8899 页面可以看到不停发送arms监控请求。这样根本看不到页面的有效请求,所以我们需要配置一个过滤器。
点击菜单栏的Filter
,把arms请求的域名添加到 exlude filter
排除请求的名单中
点击菜单clear清除后,再访问一次,可以看到实际请求就这么多了。Very Good!
/./ weinre:// # 可针对所有访问链接打开weinre调试