下载苹果特别活动发布会ｌｏｇｏ彩绘图片

欢迎各位再次来到这里听小编解说！小编已经把最精彩的文章已经写在了下边，希望大家能耐心的把文章看完。你们的阅读就是我坚持创作的动力！麻烦你点点关注和评论！小编会永远记在心里的！！！

１．　问题引入：疯狂的ｌｏｇｏ

苹果公司将在美国东部时间（ＥＤＴ）１０月３０日上午１０点（对应北京时间同日晚上１０点），在纽约布鲁克林音乐学院，举行一场取名“苹果特别活动”（Ａｐｐｌｅ　Ｓｐｅｃｉａｌ　Ｅｖｅｎｔ）的发布会。

引起媒体关注的，不是发布会将发布的具体产品内容，而是各种苹果ｌｏｇｏ图案。有人注意到，收到的邀请函和苹果网站上的发布会页面会出现各种不同的苹果ｌｏｇｏ，每次刷新页面会出现不同的苹果ｌｏｇｏ的彩绘图案。于是国外有人收集了各种苹果ｌｏｇｏ图案，发现了至少８６个不同的苹果ｌｏｇｏ。

打开此次苹果发布会网页ｈｔｔｐｓ：／／ｗｗｗ．ａｐｐｌｅ．ｃｏｍ／ａｐｐｌｅ－ｅｖｅｎｔｓ／，每次刷新都会随机出现不同的苹果彩绘ｌｏｇｏ，那么该页面可能出现多少种ｌｏｇｏ呢？我们想通过技术分析找出答案，并使用爬虫抓取这些ｌｏｇｏ图片。

如上图，苹果商品彩绘ｌｏｇｏ每次刷新会不一样。

２．　图片ｕｒｌ地址分析

２．１　分析ＤＯＭ文档

首先想到的就是查看该图片所对应的ｗｅｂ元素，找到其ｕｒｌ。

鼠标移动到ｌｏｇｏ图片位置处，点击右键，然后选择检查元素，分析该元素对应的ＤＯＭ对象。

然而对应的ＤＯＭ文档为

这里完全没有包含任何ｕｒｌ信息。这就说明，图片的ｕｒｌ地址不在ｈｔｍｌ中。

２．２　浏览器抓包分析

ｈｔｍｌ文件中没有，那么就得通过抓包分析图片的ｕｒｌ。

选择开发人员工具中的网络标签，刷新页面，找到下载该图片的网络请求：

选择该请求的Ｈｅａｄｅｒｓ标签，第一项就是对应的请求ｕｒｌ：ｈｔｔｐｓ：／／ｗｗｗ．ａｐｐｌｅ．ｃｏｍ／ｖ／ａｐｐｌｅ－ｅｖｅｎｔｓ／ｈｏｍｅ／ａ／ｉｍａｇｅｓ／ｏｖｅｒｖｉｅｗ／ｈｅｒｏ＿ｉｍａｇｅ＿０９＿＿ｒ８ｊｅｄｅｒ０ｗａａｕ＿ｓｍａｌｌ＿２ｘ．ｊｐｇ。

复制该ｕｒｌ到浏览器地址栏中打开，确认得到的就是浏览器ｈｔｔｐｓ：／／ｗｗｗ．ａｐｐｌｅ．ｃｏｍ／ａｐｐｌｅ－ｅｖｅｎｔｓ／页面当前显示的ｌｏｇｏ图片。

然而该ｕｒｌ是从哪里传来的呢？浏览器的开发人员工具就显得不够用了。

２．３　Ｃｈａｒｌｅｓ抓包分析

这时我们就需要救助强大的抓包工具Ｃｈａｒｌｅｓ了。来，让我们点上阿拉灯神丁，召唤Ｃｈａｒｌｅｓ。

打开Ｃｈａｒｌｅｓ后，首先确保Ｃｈａｒｌｅｓ菜单ｐｒｏｘｙ的下拉菜单中系统代理（ｗｉｎｄｏｗｓ下是ｗｉｎｄｏｗｓ　ｐｒｏｘｙ，ｍａｃ下是ｍａｃＯＳ　ｐｒｏｘｙ）选项被选中。

然后在浏览器中刷新网页ｈｔｔｐｓ：／／ｗｗｗ．ａｐｐｌｅ．ｃｏｍ／ａｐｐｌｅ－ｅｖｅｎｔｓ／，仿照上一步，在浏览器开发人员工具中找到当前图片ｕｒｌ地址，比如此时是ｈｔｔｐｓ：／／ｗｗｗ．ａｐｐｌｅ．ｃｏｍ／ｖ／ａｐｐｌｅ－ｅｖｅｎｔｓ／ｈｏｍｅ／ａ／ｉｍａｇｅｓ／ｏｖｅｒｖｉｅｗ／ｈｅｒｏ＿ｉｍａｇｅ＿０１＿＿ｐｊ９ｋｑｙｅｏｋｘｕ２＿ｓｍａｌｌ＿２ｘ．ｊｐｇ。

网页中嵌入的ｕｒｌ地址经常是相对地址，所以我们复制文件名ｈｅｒｏ＿ｉｍａｇｅ＿０１＿＿ｐｊ９ｋｑｙｅｏｋｘｕ２＿ｓｍａｌｌ＿２ｘ．ｊｐｇ，然后在抓包工具Ｃｈａｒｌｅｓ中，按下ｃｔｒｌ＋Ｆ，打开搜索工具，通过图片文件名搜索，出现多个匹配项。

其中有两处匹配项是下载该图片的请求，我们此时不需要。而另外的匹配项，定位在

文件中，对应的ｕｒｌ地址ｈｔｔｐｓ：／／ｗｗｗ．ａｐｐｌｅ．ｃｏｍ／ｖ／ａｐｐｌｅ－ｅｖｅｎｔｓ／ｈｏｍｅ／ａ／ｂｕｉｌｔ／ｓｔｙｌｅｓ／ｏｖｅｒｖｉｅｗ．ｂｕｉｌｔ．ｃｓｓ。

双击匹配项，定位到．ｃｓｓ文件中。选择Ｃｈａｒｌｅｓ底部的ＣＳＳ标签，可以看到排版漂亮的ｃｓｓ文件，我们需要的图片ｕｒｌ就在该文件中。选择Ｃｈａｒｌｅｓ顶部的Ｏｖｅｒｖｉｅｗ标签，第一项就是该ｃｓｓ文件的ｕｒｌ地址。我们通过该ｕｒｌ地址就可以下载ｃｓｓ文件，然后分析ｃｓｓ文件就能定位ｌｏｇｏ的ｕｒｌ了。

２．４　ｃｓｓ文件中ｌｏｇｏ图片ｕｒｌ的提取

ｃｓｓ文件属于无结构的数据，此时我们就需要祭出瑞士军刀正则表达式，来提取想要的ｕｒｌ。

打开保存的ｃｓｓ文件，搜索ｈｅｒｏ＿ｉｍａｇｅ＿０１＿＿ｐｊ９ｋｑｙｅｏｋｘｕ２＿ｓｍａｌｌ＿２ｘ．ｊｐｇ，我们不难分析出，图片相对地址总是以／ｖ／ａｐｐｌｅ－ｅｖｅｎｔｓ／ｈｏｍｅ／ａ／ｉｍａｇｅｓ／ｏｖｅｒｖｉｅｗ／ｈｅｒｏ＿ｉｍａｇｅ＿开始的。

于是，我们通过ｒｅ．ｆｉｎｄｉｔｅｒ（）遍历每个图片的相对ｕｒｌ，然后拼接出完整ｕｒｌ，通过完整ｕｒｌ下载图片保存即可。（文件夹ａｐｐｌｅ＿ｌｏｇｏｅｓ请提前准备好）

最后的完整代码如下：

３．　总结

我们可以看到，有时候，爬虫的代码量很少，而分析过程才是精髓和难点所在。

欢迎大家与我一起来探索科技！让我们走在科技的最前沿。小编已经把最精彩的内容写在下边，请您耐心的把文章阅读完可以吗？您的阅读就是我坚持创作的动力！此外，满足小编一个小小的请求好吗？帮忙点点关注，阅读完文章别忘了留下您宝贵的意见！好吧，我们现在开始一起探索吧！

非常感谢各位看官能在百忙之中阅读小编的文章，您们的阅读和评论是小编继续坚持创作的动力。你们的每一个评论，小编都会去非常认真的去阅读，你们提出的宝贵意见我也会虚心接受，争取每天都为大家带来更多的优质文章。让大家不但可以增长见识，还可以有个好的心情。希望您能喜欢小编的文章！