阿里巴巴矢量图标库是前端工程师常用到的一个网站。网址:阿里巴巴矢量图标库
但是每次下载图标都要挨个点击一下下载按钮,页面不提供批量下载。
操作起来很不方便。
后来我在网上查询,总算找到批量下载的方法,很简单,跟着操作就可以了:
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个图标。