一键获取网页中的全部图片并批量下载(国内淘宝天猫京东网站+国外商品页面)——亲测有效

一键获取网页中的全部图片并批量下载(国内淘宝天猫京东网站+国外商品页面)——亲测有效

上周六的时候,有个朋友找到我,需要将网页中的图片全部下载下来,而且还不能改变图片的大小:

作为一个前端,经常跟html打交道,我深知页面中肯定是有图片链接的

网页中下载少量图片的方法

举例说明网页中图片下载的演示链接:https://sg.xiapibuy.com/Baby-Bib-waterproof-rice-Bib-Baby-Bib-eating-saliva-Bib-saliva-towel-three-dimensional-imitation-silicone-deduction-i.443616224.8755133140 以谷歌浏览器为例:

选中图片,右击选择“检查”或者"审查元素"

查找自动识别的html元素附近的元素或者style部分

图片要么是从html中通过src引入,要么是通过css的background-image属性指定,所以要查看这两部分: 找到对应的src图片路径后,双击选中链接

在新的浏览器页面打开此链接,然后右击下载图片即可:

网页中批量下载图片的方法

如果图片很多,如果按照上面的步骤来,则会很麻烦:

下面提供两个插件,安装到谷歌浏览器的扩展程序中,就可以实现批量下载图片的功能了:

谷歌浏览器安装插件的步骤可以参考下面的链接:

谷歌浏览器安装插件的步骤:https://jingyan.baidu.com/article/14bd256e8c2aaebb6d261216.html

下载淘宝天猫京东产品页的图片——小旺神插件

百度上一搜,就可以找到下载链接了,也可以私信我,我会发到指定邮箱里面的

插件安装成功后,会在浏览器地址栏右侧展示对应的图标: 此时再打开产品详情页,就会发现页面中多了一部分“小旺神”的选项,点击

点击对应的选项就可以下载对应的图片了……

下载国内外所有网页的图片——图片助手(ImageAssistant) 插件

打开指定页面后,点击地址栏右侧的插件图标,选择第二个或者第三个,就会打开一个新的页面,此页面中会有当前网页的所有图片,页面下拉,新页面中识别的图片会相应的增加,也就是说新页面识别的图片跟产品页面的可视区域是一一对应的。 完成!!!

据说火狐浏览器有很简单的下载图片的方法: 火狐浏览器下载网页中图片的方法:https://blog.csdn.net/hffyyg/article/details/84141779 这个我没有实操,有时间可以操作看看。

据说360安全浏览器也有下载图片的简单方法: 360安全浏览器下载图片的简单方法:http://www.360doc.com/content/20/0619/08/58781721_919301966.shtml 依旧没有实操。。。

相关探索