阿里巴巴矢量图标库是前端工程师常用到的一个网站。网址:阿里巴巴矢量图标库
但是每次下载图标都要挨个点击一下下载按钮,页面不提供批量下载。

操作起来很不方便。
后来我在网上查询,总算找到批量下载的方法,很简单,跟着操作就可以了:
1. 按F12,或者 右键-->检查元素 打开浏览器的控制台:
2. 在控制台console处输入以下代码:
var iconList = document.querySelectorAll('.icon-gouwuche1');
for (var i = 0; i < iconList.length; i++) {
iconList[i].click();
}
回车。
3. 可以看到,左侧的图标此时都被选中了。

4.关闭控制台,回到图标界面。鼠标往下滚动,将会出现一个购物车。点开可以看到刚才选中的图标已经放在购物车里了。

5. 打开购物车后,点击下载素材,图标就被批量下载完成了。

要注意的是,一次最多只能下载20个图标。
本文介绍了一种在阿里巴巴矢量图标库中批量下载图标的方法,通过在浏览器控制台输入特定代码,可以快速将多个图标添加至购物车并进行批量下载,极大提高了工作效率。

390

被折叠的 条评论
为什么被折叠?



