function compare(a, b) {
if ( a.name < b.name ){
return -1;
}
if ( a.name > b.name ){
return 1;
}
return 0;
}
function make_qrcode() {
var json_data_base = [
{
"url": "https://allinone.tools/",
"name": "免费工具集",
"title": "Allinone.Tools"
},
{
"url": "https://blobmaker.app/",
"name": "Blobs Maker",
"title": "Blobs Maker"
},
{
"url": "https://coolquotes.com/",
"name": "Cool Quotes",
"title": "Cool Quotes"
},
{
"url": "https://www.runoob.com/csspack",
"name": "CSS 压缩",
"title": "CSS Compress"
},
{
"url": "https://www.sejda.com/html-to-pdf",
"name": "HTML 转 PDF",
"title": "HTML to PDF"
},
{
"url": "https://ezgif.com/optimize",
"name": "GIF 工具",
"title": "GIF Tools"
},
{
"url": "https://localsend.org/",
"name": "LocalSend",
"title": "LocalSend"
},
{
"url": "https://landrop.app/",
"name": "LANDrop",
"title": "LANDrop"
},
{
"url": "https://aur.archlinux.org/",
"name": "AUR",
"title": "AUR"
},
{
"url": "https://archive.archlinux.org/",
"name": "AUR 归档",
"title": "AUR Archive"
},
{
"url": "https://tinypng.com/",
"name": "图片压缩",
"title": "TinyPNG"
},
{
"url": "https://cloudconvert.com/mp4-to-webm",
"name": "视频转换",
"title": "CloudConvert"
},
{
"url": "https://easyappicon.com/",
"name": "APP图标制作",
"title": "EasyAPPIcon"
},
{
"url": "https://appicon.co/",
"name": "APP图标制作",
"title": "APPIcon"
},
{
"url": "https://cli.im/",
"name": "二维码生成(位图)",
"title": "草料二维码"
},
{
"url": "https://www.liantu.com/shiliang/",
"name": "二维码生成(矢量图)",
"title": "联图网"
},
{
"url": "https://tool.lu/",
"name": "在线工具集合",
"title": "Tool.lu"
},
{
"url": "https://tool.lu/daxie",
"name": "数字转大写",
"title": "Tool.lu Uppercase"
},
{
"url": "https://tool.lu/crontab/",
"name": "crontab执行时间计算",
"title": "Tool.lu Crontab"
},
{
"url": "https://tool.lu/base64image/",
"name": "图标转Base64",
"title": "Tool.lu Base64Image"
},
{
"url": "https://tool.lu/encdec/",
"name": "文字加解密",
"title": "Tool.lu Encdec"
},
{
"url": "https://tool.lu/timestamp/",
"name": "时间戳转换",
"title": "Tool.lu Timestamp"
},
{
"url": "https://tool.lu/zhconvert/",
"name": "简繁转换",
"title": "Tool.lu ZHConvert"
},
{
"url": "https://tool.lu/appicon/",
"name": "APP图标制作",
"title": "Tool.lu Appicon"
},
{
"url": "https://tool.lu/qrcode/",
"name": "二维码生成(位图)",
"title": "Tool.lu QRCode"
},
{
"url": "https://tool.lu/imageconverter/",
"name": "图片格式转换",
"title": "Tool.lu ImageConvert"
},
{
"url": "https://regex101.com/",
"name": "正则表达式匹配",
"title": "RegEx101"
},
{
"url": "https://next.itellyou.cn/",
"name": "操作系统下载",
"title": "Next I Tell You"
},
{
"url": "https://jscompress.com/",
"name": "JavaScript压缩",
"title": "JS Compree"
},
{
"url": "https://jsfiddle.net/",
"name": "JavaScript调试",
"title": "JSFiddle"
},
{
"url": "https://codebeautify.org/html-to-markdown",
"name": "HTML转Markdown",
"title": "CodeBeautify"
},
{
"url": "https://html-cleaner.com/",
"name": "HTML清理",
"title": "HTML Cleaner"
},
{
"url": "https://caniuse.com/",
"name": "CSS兼容性检查",
"title": "Can I Use"
},
{
"url": "https://www.bejson.com/",
"name": "JSON格式化校验",
"title": "BeJSON"
},
{
"url": "https://www.urlencoder.org/",
"name": "URL Encode",
"title": "URLEncoder"
},
{
"url": "https://pastebin.com/",
"name": "文字存储",
"title": "PasteBin"
},
{
"url": "https://shields.io/",
"name": "标签图片生成",
"title": "Shields"
},
{
"url": "https://unsplash.com/",
"name": "图片社区",
"title": "Unsplash"
},
{
"url": "https://www.qiuziti.com/",
"name": "求字体",
"title": "求字体"
},
{
"url": "https://codebeautify.org/",
"name": "代码格式美化",
"title": "CodeBeautify"
},
{
"url": "https://isotropic.co/tool/hex-color-to-css-filter/",
"name": "HEX转CSS filter",
"title": "ISOTROPIC"
},
{
"url": "https://mycolor.space/gradient",
"name": "CSS渐变生成",
"title": "My Color Space"
},
{
"url": "https://www.iconfont.cn/",
"name": "阿里矢量图标库",
"title": "IconFont"
},
{
"url": "https://www.deepl.com/translator",
"name": "AI在线翻译",
"title": "DeepL"
},
{
"url": "https://asciidoclive.com/",
"name": "AsciiDoc在线编辑器",
"title": "AsciiDoc Live"
},
{
"url": "https://tools.pdf24.org/zh/",
"name": "PDF工具集",
"title": "PDF24"
},
{
"url": "https://bennettfeely.com/clippy/",
"name": "CSS clip-path 生成",
"title": "Clippy"
},
{
"url": "https://dillinger.io/",
"name": "Markdown在线编辑",
"title": "Dillinger"
},
{
"url": "https://tableconvert.com/",
"name": "表格转换",
"title": "TableConvert"
},
{
"url": "https://godbolt.org/",
"name": "编译器调试",
"title": "GodBolt"
},
{
"url": "https://www.iodraw.com/",
"name": "流程图绘制",
"title": "ioDraw"
},
{
"url": "https://jsonlint.com/",
"name": "JSON验证",
"title": "JSONLint"
},
{
"url": "https://www.matools.com/less",
"name": "LESS编译",
"title": "MaTools"
},
{
"url": "https://www.zdic.net/",
"name": "汉典",
"title": "汉典"
},
{
"url": "https://convertio.co/zh/",
"name": "全能在线转换",
"title": "ConvertIO"
},
{
"url": "https://wintelguy.com/filesizeconv.pl",
"name": "文件大小单位转换",
"title": "Wintelguy"
},
{
"url": "https://tool.lu/markdown/",
"name": "Markdown编辑器",
"title": "Tool.lu Markdown"
},
{
"url": "https://tool.lu/asciidoc/",
"name": "AsciiDoc编辑器",
"title": "Tool.lu Asciidoc"
},
{
"url": "https://tool.lu/favicon/",
"name": "Favicon生成",
"title": "Tool.lu Favicon"
},
{
"url": "https://tool.lu/color/",
"name": "颜色空间转换",
"title": "Tool.lu Color"
},
{
"url": "https://tool.lu/stitch/",
"name": "字幕拼图",
"title": "Tool.lu Stitch"
}
];
var json_data = json_data_base.sort(compare);
var list_div = document.getElementById("list");
for (i = 0; i < json_data.length; i++) {
var tool = json_data[i];
var tool_name = tool["name"];
var tool_title = tool["title"];
var tool_url = tool["url"];
var tool_idx = i;
var card = '<div class="card"><div class="card-header"><svg class="card-icon" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="tag" class="svg-inline--fa fa-tag nav-icon" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" classnames="nav-icon" style="color:#766FDE;"><path fill="currentColor" d="M48 32H197.5C214.5 32 230.7 38.74 242.7 50.75L418.7 226.7C443.7 251.7 443.7 292.3 418.7 317.3L285.3 450.7C260.3 475.7 219.7 475.7 194.7 450.7L18.75 274.7C6.743 262.7 0 246.5 0 229.5V80C0 53.49 21.49 32 48 32L48 32zM112 176C129.7 176 144 161.7 144 144C144 126.3 129.7 112 112 112C94.33 112 80 126.3 80 144C80 161.7 94.33 176 112 176z"></path></svg><span class="card-title">' + tool_title + '</span></div><div class="card-footer"><span class="card-description">' + tool_name + '<br/><a class="card-link" href="' + tool_url + '" target="_blank">' + tool_url + '</a></span><img id="qrcode-' + tool_idx + '" class="card-qrcode" src="https://api.qrserver.com/v1/create-qr-code/?size=250x250&data=' + escape(tool_url) + '"></div></div>';
list_div.innerHTML += card;
}
}
make_qrcode();
JS After HTML Body