1.接口性能分析
代理：a到b，要先到Charles，可以抓到请求，和回收的内容
抓包工具：我们主动的向一个网址发送一个请求，然后给我们返回数据；或者监听端口数据
wiresharp是一个图形化的抓包工具；3次握手，4次挥手都可以以图形化的界面呈现给我们
如果想在linux这种无UI、上操作，就可能使用tcpdump，是无界面的
2.WebView性能分析
WebView
容易和h5混淆，小型浏览器，可以加载网页的页面
WebView可以加载html，也可以加载h5，WebView通常采用了h5，而h5要依托于webview才能加载，她们两个的关系是相辅相成的
分析工具：chrome浏览器自带分析工具
关键选项：
蓝线代表dom出现的时间线，可以进行点击、sendkesys等，但是图片和动图都没有加载完成，等真正的资源完全加载完成是在红线
disable cache：每次页面刷新的时候都会清除缓存；类似于移动端的冷启动；不加载缓存，从零载入
选择all的时候会将动态资源和静态资源全部加载出来
选择xhr的时候只加载动态资源
可以看出xpath定位是在dom出现之后就开始定位
css selector定位就是在红色线，动态资源加载完毕之后才定位到，所以css 更稳定一些，找的速度比xpath找的更快一些
点击蓝色字体：Exiplanantion,可以查看
字段详细解释
Queque：排队时间，队列等待时间
waiting（TTFB）：等待响应时间。服务器响应时间
content download：下载内容的时间
stalled：在队列中，停止请求
选中红线和蓝线就可以看到之间的时间，
也可以对name status、type、time等字段排序
使用的前提是手机是webview或者是浏览器打开的
如果这个开发人员没有打开，是没有办法查看控制台的
inspect需要翻墙
