我是一个Java全栈开发,有时候需要找一些图标进行界面显示,偶然找到了阿里巴巴的这个网站(阿里巴巴矢量图标库),感觉突然发现了新大陆,但是他这个图标只能一个一个添加,很慢,所以看见有人写了两块代码,直接F12打开浏览器控制台就能运行,省了不少事
先运行这个,引入jQuery
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);
再运行这个,添加到购物车中
$("span[title='添加入库']").each(function(){
$(this).delay(500).click();
console.log($(this).parent().prev().children().eq(0).html());
});
第二段代码运行完成之后就能直接去购物车里面添加到项目了
然后我就用使用ES6语法改变了一下,一段代码就行了,就不用引入jQuery了
document.querySelectorAll("span[title='添加入库']").forEach((o)=>{setTimeout(()=>{o.click();console.log(o.parentNode.parentNode.querySelector('.icon-name').innerText)},500)})
建议添加完成一个项目,再去添加另一个,不然图标库混在一起,很难整理出来。
然后点击“我的项目”里面去下载对应的文件资料就行了。