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

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

星空唯影 2020-06-02 11:36:23  750  收藏 2

文章标签: chrome css

版权

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

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

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

程序员如何一键批量下载Iconfont图标_第1张图片

二、在控制台中,复制一下我如下代码,按下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();
}
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10

三、稍微等几秒钟,你的图标购物车就有当前所有的图标了

程序员如何一键批量下载Iconfont图标_第2张图片

四、个人建议:加入自己的图标项目中,方便后期进行维护

程序员如何一键批量下载Iconfont图标_第3张图片

然后去我的项目,就可以管理编辑和下载了!!!!
程序员如何一键批量下载Iconfont图标_第4张图片

 

 

转载为:https://blog.csdn.net/qq_42026120/article/details/106492808

你可能感兴趣的:(iconfont,图标设计)