阿里巴巴矢量图标库（iconfont）批量脚本

最新推荐文章于 2025-05-25 16:19:36 发布

原创最新推荐文章于 2025-05-25 16:19:36 发布 · 595 阅读

1 ·

本内容遵循CC 4.0 BY-SA版权协议

收录于

当前文章被以下社区和专栏收录：

本文介绍了一种使用jQuery库批量下载阿里巴巴矢量图标库中图标的脚本方法。通过在浏览器的console面板运行特定的JavaScript代码，可以实现对选定图标的一键下载，极大地提高了设计师和前端开发人员的工作效率。

网上教程

打开阿里巴巴矢量图标库: iconfont-阿里巴巴矢量图标库

打开要下载的图标库

进入 console 调试面板

var j = document.createElement('script');
j.setAttribute("src", 'https://ajax.microsoft.com/ajax/jquery/jquery-1.4.min.js');
document.getElementsByTagName("head")[0].appendChild(j);
console.log("添加js");
$("span[title='添加入库']").each(function(){
    $(this).delay(100).click();
    console.log($(this).parent().prev().children().eq(0).html());
});

标签