程序员如何一键批量下载Iconfont图标

最新推荐文章于 2025-02-26 16:40:00 发布

星空唯影

最新推荐文章于 2025-02-26 16:40:00 发布

阅读量5.6k

点赞数 9

文章标签： chrome css

本文链接：https://blog.csdn.net/qq_42026120/article/details/106492808

版权

程序员如何一键批量下载Iconfont图标

官方并没有一键加入图标购物车的选项，当你想用全部iconfont图标时,可以试试我的方法,如下:

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

在这里插入图片描述

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

第一种方法
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();
}