批量下载Noticons本页所有svg图标

批量下载脚本

// 获取本页面所有svg图标
let el = document.getElementsByTagName('svg');
// 本页svg个数
var size = 36;
// 起始个数
var s = 3;
// 循环下载所有svg图标
for (var i = s; i < s + size; i++) {
    // 下载svg图标
    down(el[i].outerHTML, el[i].parentElement.nextElementSibling.innerHTML)
}

/**
 * 下载内容
 * @param {string} str 下载的内容
 * @param {string} saveName 保存的名称
 * @param {string} suffix 保存的后缀
 */
function down(str, saveName, suffix = '.svg') {
    // 创建定时器,每隔0.2秒下载一个svg图标,解决批量下载只能下载10个的问题
    setTimeout(function () {
        // 创建下载标签按钮
        var linkTag = window.document.createElement('a');
        // 定义下载名称
        linkTag.download = saveName + suffix;
        // 定义下载内容
        linkTag.href = window.URL.createObjectURL(new Blob([str]));
        // 创建下载标签
        window.document.body.appendChild(linkTag);
        // 点击下载
        linkTag.click();
        // 移除下载标签
        linkTag.remove();
    }, 200 * i)
}