如何利用火狐控制台下载网页图片

今天在群里看到一个群友的问题，怎么下载网页的图片，经过一番的演变，得出了本文的成果，也算是一种思路，还可以演变成干很多事，因此写下此文，希望能够对大家有所启发。

问题：

如何从一个网页里下载浏览器加载出来的图片？

思考思路：

1、利用Ctrl+S保存，取出里面的图片
2、通过火狐控制台的网络面板，复制所有图片链接
3、利用控制台执行解析现有html里的img标签，得到它的链接
4、利用第3点得到的链接，直接借助js请求一个代理下载地址，帮忙下载图片文件

本文便是基于第4点实现。

第一步 获取页面图片链接并请求下载文件

获取所有img标签的链接，无论jQuery还是原生javascript都能做到，下面是它们的实现代码：

jQuery版获取页面图片链接并请求下载文件

$("img").each(function(){
    window.open('http://localhost/downloadImg.php?file='+encodeURIComponent($(this).attr("src")));
});

原生javascript版获取页面图片链接并请求下载文件

var tags = document.getElementsByTagName("img");
for (var i = 0; i < tags.length; i++) {
    window.open('http://localhost/downloadImg.php?file='+encodeURIComponent(tags[i].src))