最近我老婆迷上了做手工，说是要给家里添点新的装饰。她非得要一些特定的背景图做参考，指明了要去那个“丝魅网”找灵感。这活儿自然就落到我头上了。我一开始没当回事，不就是下载图片嘛右键另存为不就完了？
第一次折腾：右键没用，质量太差
我点开网站瞅了一眼，照片拍得确实漂亮，我寻思这高清图下载下来，她也好做参考。结果我一通操作，发现这网站防君子不防小人，右键“保存图片”的功能被它给屏蔽了。我心说，行，这小伎俩我早见识过。
我换了个办法，直接截图。但是截图那叫一个糊，电脑屏幕分辨率再高，那也只是预览图的质量，老婆一眼就瞧出不对劲，给我退回来了。她说了，要下载，就得是网站后台存的原图高清版。
我当时就来气了，一个图片网站，藏着掖着干嘛这不是耽误我时间吗？我以前做过几年前端，对这些门道儿多少有点经验，知道它无非就是两种套路：要么是用CSS或者JS把右键功能给锁了，要么就是它展示的是一张缩略图，真正的高清大图得通过别的方法才能拿到手。
找到对策：祭出我的“看家本领”
既然常规手段不行，那只能走“黑箱”了。我把浏览器开发者工具调了出来，也就是按F12。这是老生常谈的办法了，但很多人只知道用它看网页代码，却不知道它才是下载高清图的利器。
我记得我刚入行那会儿，有一次老板要我扒一个竞品网站的UI素材，我当时也是啥都试了一遍，是靠这个办法，才把素材包完整的捞了出来，不然可能就要卷铺盖走人了。这F12，就是我的“看家本领”。
具体操作过程，我记在了小本子上：
第一步：打开“网络”选项卡。我先把浏览器页面定位到那张老婆点名要的高清图片上。
第二步：刷新页面并过滤。我毫不犹豫按下了F5刷新，让浏览器重新载入所有元素。这时候“网络”选项卡里就开始疯狂跳动，显示各种加载记录，像雪花一样。这时候关键来了，我立马在顶部的筛选框里输入了“jpg”或者“png”——就是图片的后缀名，这样就能把那些没用的CSS文件、JS脚本文件全部过滤掉，只留下图片加载记录。
第三步：锁定目标文件。页面一刷新完，右边就出现了一堆图片文件。我发现有好几个文件看起来大小差不多，但其中有一个文件的尺寸明显比其他几个大得多，文件大小也奔着好几兆去了。我眼睛一亮，就是它了！
第四步：查看并保存。我点开那个大文件，在右边弹出的预览窗口里一看，果不其然，清清楚楚，纹理分明，这就是网站藏起来的原图。我赶紧右键点击这条记录，选择了“在新标签页中打开”。
新标签页里，这张高清大图就孤零零地躺在那儿了。这时候，网站的任何限制都失效了。我轻松右键，选择“图片另存为”，终于把那张老婆心心念念的高清图片收入囊中。
我当时下载了一组十几张，每张都用这个方法跑了一遍，虽然有点麻烦，但比起以前去网上找各种破解软件，这个方法靠谱多了。这玩意儿一点都不复杂，关键是知道“藏”在哪儿。这批高清图给了老婆，她高兴坏了，我的任务也算圆满完成了。所以说，遇到这种问题，别急着找第三方工具，浏览器自带的功能，往往才是最简单粗暴，又最有效的。
