admin管理员组

文章数量:1606462

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


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

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

举例说明网页中图片下载的演示链接:https://sg.xiapibuy/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/article/14bd256e8c2aaebb6d261216.html

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


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

插件安装成功后,会在浏览器地址栏右侧展示对应的图标:

此时再打开产品详情页,就会发现页面中多了一部分“小旺神”的选项,点击


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

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

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


完成!!!

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

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

本文标签: 淘宝一键批量京东国外