如何利用审查元素下载图片

更隐蔽的情况是图片经过懒加载——滚动到位置才加载。审查元素时src属性可能是空的，或者指向一张占位图。处理办法很简单：把鼠标移到代码高亮处，看看有没有`data-src`或`data-original`这类自定义属性，那才是真实地址。我曾经下载某壁纸站的图，找了半小时才发现真实链接藏在`data-lazy-src`里。复制出来拼接完域名，一张4K原图就到手了。

还有个野路子，适合整页下载。在Network面板里刷新页面，筛选类型为“Img”的资源列表，所有加载过的图片都按文件大小排序。找最大的那个，通常就是你要的高清版。这招对付那些把图片切成几块的拼图网站特别管用——列表里能直接看到每个碎片的URL，手动拼回去就行。

别被复杂的界面吓到。你只需要记住三个核心操作：箭头点选元素、在HTML里找src、在样式里找background-image。其余全是变体。有一次我帮朋友扒一个付费素材网站的预览图，对方用了canvas加密，审查元素只显示一段JavaScript代码。这时候打开Console面板，输入`document.querySelectorAll('canvas')`，拿到canvas对象后执行`toDataURL('image/jpeg')`，就能输出完整base64编码的图片数据。复制到地址栏，加个`data:image/jpeg;base64,`前缀，照样保存。

最后提醒一句：别拿这招对付带防盗链的图床。有些网站检查Referer来源，直接打开图片链接会报403错误。这时得在审查元素的Network面板里找到那张图的请求，右键复制为cURL命令，在命令行里加上`-e "https://原网站地址"`伪装来源，才能绕过限制。但说实话，这种级别的防护，普通用户遇到概率不高。真碰上了，不如截图。