浅谈F12开发者工具、Fiddler与Wireshark

浅谈 F12开发者工具、Fiddler 与 Wireshark

事实上，第一次接触爬虫的时候，首先当然会疑惑什么是爬虫，然后就会有教程教你一步步爬取所需要的内容。当然，其中必然少不了一些工具的辅助。上述的我提到的 3 个工具，都是我看别人写的文章，所使用的工具。像之前的我一样的小萌新，当然会懵逼，一会 F12 ，一会又Fidder 抓包，等等抓包是什么意思，Wireshark 抓的都是什么啊，我怎么什么都看不懂，一下子刷过去这么多条。
不过，再多次使用过程中，也逐渐有了一些自己的想法，当然这些工具的高级用法我也不会用，这里就随便写写我对这些工具的看法把。

各个工具使用心得

以下就简单讲几句，这些工具也不是几句就能说明白的。

1. F12 开发人员工具
   ① 事实上，在我还小的时候，当时我就意外点击了 F12，出现了天书一般的文字，当时就惊呆了，这些都是什么。后来，接触过 F12 的锁定元素的功能，那时候的我可真的是什么都不懂。刚接触 B 站，弹幕里有人刷取封面的事。B站的视频封面可没办法直接右键保存下来，上百度搜索得知，需要 F12 帮助，那时候是我又一次接触 F12的时候，当时的感觉。哇~！好神奇。
   ② F12 开发人员工具，我觉得顾名思义，开发人员用的。用来测试网站开发的吧（我估计），也有些网站直接禁止 F12，估计不许测试他的网站。emmm… F12 抓包是可行的，因为 F12 是浏览器的功能。各式各样的文件（事实上也可以叫做数据包）传送给浏览器，F12 就可以直接看到这一个个的文件，从而就可以达到抓包的效果【不偷不抢，对方免费送过来的，难道还不能接受么】。
   ③ F12 比较有用的功能，我认为是锁定元素（非常方便）、Network（最常用，看数据包）、Console（还用不来）。

2. Fiddler
   ① Fidder 第一次遇到，我也忘记，好像是一篇爬取B站视频的博文，有些部分写的我看不懂，出现了一款我不懂的软件 Fidder，反正说是很牛逼。(⊙o⊙)… 确实 emmm
   ② 相当于中间人【介于浏览器和服务器之间的角色】，将数据包截取下来。
   ③ Fidder 的强大在于，专门为 Http/Https 协议定制的软件，主要为了抓取这两个协议的数据包。整体界面比较分隔的开一些，不像 F12 因为空间问题，很多东西挤在一起，不是所有的文件都支持显示，或者格式化，导致需要额外的网站或者其它地方做这一步。Fidder 的话，可能是为了测试使用，也是测试网站。我觉得吧，如果 F12 是面向用户的测试，那么 Fidder 面向开发人员的测试，更加显得专业一些吧。而且，Fidder支持更改请求头等，F12 好像不支持这一些。

3. Wireshark
   ① Wireshark 一个软件 —— 我刚进入，完全是一脸懵逼的东西，那时候并没有计算机网络的概念中，源地址，目的地址，一串串数字看的我懵了。也是我最后学习的软件，因为有一段时间内，这个软件对我没有用，因为基本上能抓取的都是 http 协议，而不是其他协议
   ② Wireshark 也非常强大。因为，它每个数据包就是一个完整的帧。这在计算机网络中就是数据链路层的东西。厉害。而且它还有杂收模式，获取其它流经网卡的帧。
   ③ Wireshark 可以抓取其它协议的数据包，这就是它的强大，而且对于懂得人来说，它显示的信息非常完整和整洁。关于Wireshark 也就评论这么多，说的多反而显示我的无知。

如何挑选适合的工具呢？

① 如果这是为了分析浏览器页面，而并不需要进行更进一步的测试或更详细的数据包信息，用 F12 足够。
② 当然 Fidder 用的习惯的人，用这个抓也行
③ Fiddler 可以抓取手机端的 http 包，浏览器不行。因为浏览器是客户端，手机应用也是客户端是平行的东西。
④ 模拟测试网站，可以使用 Fiddler ，用于发现bug
⑤ 抓非 http 协议，用 Wireshark
⑥ WebSocket，F12 和 Fiddler 都挺方便的
⑦ 事实上，都是看个人喜好的

结束语

就先写这么多吧~！
─=≡Σ(((つ•̀ω•́)つ

点我回顶部 ☚

 
 
 
 
 
 
 
Fin.