网站分析的过程中,我们经常要查看客户端(浏览器)与服务端(网站或GA服务器)通讯是否正常,甚至是对通讯内容进行审查,对我们部署的页面跟踪代码进行代码调试(Debug),在一般的情况下,我们使用简单工具就可以实现Google Analytics(Universal Analytics)代码调试。但是在一些特殊情况,我们需要使用到像Fiddler2这样的网络抓包工具,对网络数据包进行抓取,捕获其中的信息进行分析。

网络抓包及抓包工具

准确的是说,在网站分析中的抓包工具,是一个HTTP/HTTPS抓包工具。也就是说,上网设备与互联网的通过HTTP/HTTPS协议传输的数据,都可以被抓取出来,进行分析。其原理是打开软件时候,通过在上网设备与外部网络之间建立一个代理,所有的数据都由其通过,捕获这些数据并将内容格式化成为我们易于理解与分析的。

网站分析的抓包分析

网站分析的过程中,我们往往会遇到一些情况,我们无法直接使用Chrome开发者工具,Firefox Firebug之类抓取到页面请求数据,主要有:

  • 页面跳转/刷新时候的数据请求
  • 移动终端的代码调试(真机调试)

这两类的情况,无法简单通过单页面的工具进行分析。因此我们需要动用第三方抓包利器:Fiddler2!

Fiddler2基本介绍

在Fiddler2官方网站上称:Fiddler2是一个免费的支持任何浏览器、系统、平台的网络调试工具。在我看来,它是最好用的Web调试工具之一,我们可以使用它:

  • 捕获所有HTTP/HTTPS流量(Capture all HTTP(s) traffic)
  • 深入每次会话指标(Deep dive into session metrics)
  • 过滤捕获的流量(Filter captured traffic)
  • 对记录的流量存档或者回放(Archive and playback recorded traffic)
  • ……

Fiddler工作原理

fiddler

Fiddler是以Web代理的形式进行工作,打开软件后,上网设备与互联网的HTTP(s)通讯都将经由Fiddler,从而可以进行捕获、分析等操作。

使用Fiddler2查看Google Analytics数据请求

首先,我们到Fiddler2官方主页下载软件。

打开软件,我们可以看到界面:

fiddler2

然后,我们通过浏览器打开一个包含Google Analytics(Universal Analytics)跟踪代码的页面。此时,页面请求与响应数据都被Fiddler2所监控:

fiddler2-ga

这样我们就可以看到Google Analytics跟踪代码向GA服务器统计并且发出了一些什么数据了!

可能有朋友对上图的加载过程有疑问,为什么没有加载analytics.js这个统计文件呢?因为我之前访问过安装有GA代码的网站,这个文件已经在本地存储好了,当发出HTTP请求的时候,服务端就告诉我:哥们,你本地有一个analytics.js,不需要再下载了!

关于Fiddler2对HTTP数据抓包进行网站分析的方法就暂且写到这里,后续我还会写关于移动设备的抓包分析,跳转链接(跳转网站)的抓包分析等案例的分析思路与实际操作。

参考资料:

1 对 “网站分析的抓包分析(Fiddler2)”的想法;

发表评论

电子邮件地址不会被公开。 必填项已用*标注

此站点使用Akismet来减少垃圾评论。了解我们如何处理您的评论数据