摘要：哈，这是在写的第一篇博客文章，祝好技术安全前端互联网二次开发今天疯了般地弄了数据链路层分析应用层网站流量导向分析有关的东东先来说说这个数据链接层的分析，限于篇幅和类型，明天再写第二篇。拼接若干次还是返回，那还是抓包分析吧。
哈，这是在segmentFault写的第一篇博客文章，祝好！
tags: 技术, wordpress, DIY, SEO, 安全, 前端, 互联网, 二次开发
今天疯了般地弄了数据链路层分析、应用层网站流量导向分析有关的东东…先来说说这个数据链接层的分析，限于篇幅和类型，明天再写第二篇。
分析背景：帮朋友弄二次开发的商城系统今天拿到微信上测试了，打开后发现顶部的图片小图标不见了，各种分析（对移动端的分析够折腾的）后才发现是利用了css的一个特性——条件控制，针对高分辨率的显示屏CSS代码里提供了简单的条件控制（见下面的代码，关注一下@media only screen），当时直接扒腾讯微购前端代码时是在PC端测试的，并没有仔细看这里的代码，在PC端72dpi下面@2x.png的图片压缩一半的分辨率一样可以显示的很清晰，但是如果拿这个图在高分辨率的移动端时，就显得很模糊，影响体验了。
@media only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min--moz-device-pixel-ratio:1.5),only screen and (min-resolution:240dpi){
.icon_arrow_right{background-image:url(../images/weigou-20131223171219@2x.png?20131223171219);background-position:-203px -96px;background-size:211px}
.icon_back{background-image:url(../images/weigou-20131223171219@2x.png?20131223171219);background-position:-186px -81px;background-size:211px}
.icon_cart{background-image:url(../images/weigou-20131223171219@2x.png?20131223171219);background-position:-47px -109px;background-size:211px}
/* ....... */
可是这和数据链路层分析有什么关系呢？——腾讯在最近把微购页面做了安全访问控制后，在PC端不能直接访问了，访问时直接告知appid错误，需要登录。——也就是说，直接扒微购的链接样式已经行不通了。第一次扒的时候只保存了由@2x.png压缩后的sprite图，后面再想扒已经没有链接了，我需要采取其他手段来获取图片链接了。
现在的需求：@2x.png图片链接。
解决方法：
1、之前在浏览器上下载@2x.png压缩后的图片有历史记录吧？没因为看AV什么的清空记录吧？对的，一般这样的图片就放在同一个资源服务器上，找到它（妹的当时忘记去找了）。
2、下载历史记录被清空了…微购网站链接有对吧？CSS代码已经扒下来了对吧？直接把CSS代码里需要的图片url和已保存的微购链接拼接，多试几次也许可以成功——如果是把图片资源和网站文件放在同一台服务器（特指同一个域名）上的小型网站一般是可以成功的（但是腾讯微购不是）。
3、拼接若干次还是返回404，那还是抓包分析吧。下面详细介绍这个（采用此方法，成功）。
抓包原理：
具体的请自行百度，这里就说说简单的。手机使用微信访问腾讯微购时采用的是HTTP协议，数据从你请求访问微购网站时，从你的手机上的无线网卡发送出去，经过运营商们的各种操作后把请求数据送到了目的地址——微购网站的服务器网卡，微购服务器分析发现你是要请求访问微购网站首页的，验证身份后认可请求，便开始把首页数据打包发送到运营商，各种操作后数据包又到了你的手机无线网卡上，这时手机解包、分析协议、解析数据、呈现数据到你看到首页漂亮MM，整个过程在网速快的情况下不到2秒。我们简单的抓包就在网卡上进行——但是尼玛手机无线网卡咋抓包啊？！手机上抓包不会但是电脑上抓包我会啊（大学老师教的好），那就考虑在手机->运营商->服务器中间加一道电脑网卡，即中转一次，在电脑上不是会用wifi共享么？那就可以用有线网卡和运营商连接，把无线网卡开启作为无线热点，然后手机连接电脑共享的wifi，这样访问就构成了手机->电脑无线网卡->电脑有线网卡->电信联通等运营商->服务器，我们只需要在电脑无线网卡（较好）或在电脑有线网卡上抓包即可。此方法可行，但是程序员的惰性开始发作了——电脑正用着wifi呢，无线网卡被占用了不想重新给有线网卡接线——或者用台式机压根就没有无线网卡肿么破？这时就想起来有个虚拟机的东西……
我们现在是需要抓@2x.png这张图的地址。我们打算用虚拟机的方法去抓它。那行，move on.
1、安装抓包工具wireshark：
2、安装安卓开发包（含java环境、eclipse编程环境、android虚拟机），官网去下载压缩包解压、配置一下就行了，教程多多自行搜索。
3、打开安卓虚拟机（出现PANIC、ERROR神马的在网上搜索一下就有解决方法，一般是路径问题）：
4、在安卓虚拟机上使用浏览器下载安装微信（虚拟机默认会开虚拟网卡和电脑物理网卡NAT连接给安卓系统当3G网使用）：
5、下载的同时打开wireshark观察流量变化较大的网卡（一般就两个），确定虚拟网卡后可以监听它了：
6、登录微信号并打开公众账号，进入微购物界面：
7、查看wireshark抓到的包，并找到HTTP协议的包，分析找到相关代码（图中高亮显示，根据CSS代码拼接就完成了）：
结尾：其实文章更强调一个解决实际问题的过程，再怎么难的问题，分解成一步一步便能很快解决。另外，wireshark真心强大啊，有志之士定得多研究研究！
文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。
转载请注明本文地址：https://www.ucloud.cn/yun/110884.html
摘要：哈，这是在写的第一篇博客文章，祝好技术安全前端互联网二次开发今天疯了般地弄了数据链路层分析应用层网站流量导向分析有关的东东先来说说这个数据链接层的分析，限于篇幅和类型，明天再写第二篇。拼接若干次还是返回，那还是抓包分析吧。 哈，这是在segmentFault写的第一篇博客文章，祝好！ tags: 技术, wordpress, DIY, SEO, 安全, 前端, 互联网, 二次开发 今...
摘要：给一个解决思路在异步加载好相关文章时，可以改变它加载完成的内容，或者用重新渲染一下元素使绑定改变链接的事件失效等。 昨天写的流量分析（一），请戳：使用wireshark进行数据链接层的抓包分析——流量分析（一）showImg(http://segmentfault.com/img/bVbPS3); 先看一张博客的百度统计流量来源网站截图，可见来自wumii的流量相对较高，但是实际并没有...
摘要：网络协议分析基于的协议分析关于是一款由开发的免费调试代理软件，有和两种版本。基于的协议深入分析关于前称是一个网络封包分析软件。网络封包分析软件的功能是撷取网络封包，并尽可能显示出最为详细的网络封包资料。 网络协议分析 1.基于Fiddler的HTTP/HTTPS协议分析 关于Fiddler： Fiddler是一款由C#开发的免费http调试代理软件，有.net 2和.net 4...
摘要：关于本教程有任何建议或者疑问，都欢迎邮件与我联系，或者在上提出教程流程简介教程将会从如何分析微信协议开始，第一部分将教你如何从零开始获取并模拟扩展个人微信号所需要的协议。 现在的日常生活已经离不开微信，难免会生出微信有没有什么API可以使用的想法。 那样就可以拿自己微信做个消息聚合、开个投票什么的，可以显然没有这种东西。 不过还好，有网页版微信不就等于有了API么，这个项目就是出于这个...
阅读 2203·2021-11-22 11:56
阅读 2649·2021-10-08 10:05
阅读 7778·2021-09-22 15:53
阅读 1913·2021-09-22 15:29
阅读 2236·2021-09-08 09:35
阅读 3357·2021-09-07 10:12
阅读 1381·2019-08-30 13:11
阅读 1971·2019-08-28 17:54
