程序员的逆天操作,看我如何批量下载iconfont的图标和批量下载 svg 图标

前言：为什么需要批量下载功能？

iconfont-阿里巴巴矢量图标库作为国内最受欢迎的图标平台之一，为设计师和开发者提供了海量的矢量图标资源。在日常项目和开发工作中，我们经常需要从iconfont下载多个图标使用，但平台本身并未提供一键批量下载功能，逐个手动下载既费时又费力。通过一些实用的浏览器插件，我们可以轻松实现iconfont SVG图标的批量下载，极大提高工作效率。本教程将详细介绍如何使用插件工具，并提供一些实用技巧和注意事项。

1 iconFont批量下载

1.1 将iconfont图标添加到购物车

在iconfont图标库中,找到你需求的图标,先清空自己当前的购物车,避免'污染',然后按下F12,进入console控制台

1.2 在控制台中,复制一下我如下代码,按下enter键即可

JavaScript 复制代码

// 第一种方法
var iconFontList = document.querySelectorAll('.icon-gouwuche1')
Array.from(iconFontList).forEach(v => v.click())

// 第二种方法
var iconFontList = document.querySelectorAll('.icon-gouwuche1');
for(var i = 0; i < iconList.length; i++) {
  iconFontList[i].click();
}