实用在线工具箱
在线工具,js代码格式化,css代码格式化,js代码格式化,加密解密工具,图片处理,图片裁剪,在线二维码生成">
<meta name="description" content="实用在线工具箱提供在线工具,js代码格式化,css代码格式化,js代码格式化,加密解密工具,图片处理,图片裁剪,在线二维码生成等各类在线工具">
<link rel="shortcut icon" href="https://www.idcd.com/favicon.ico" type="image/x-icon">
<link rel="stylesheet" href="https://www.idcd.com/static/bootstrap/css/bootstrap.min.css">
<link rel="stylesheet" href="https://www.idcd.com/static/css/style.css">
<link rel="stylesheet" href="https://www.idcd.com/static/iconfont/iconfont.css">
</head>
<body class="bg-body-secondary">
<nav class="navbar navbar-expand-md navbar-dark bg-dark border-bottom shadow-sm">
<div class="container">
<a class="navbar-brand d-flex align-items-center justify-content-center" href="https://www.idcd.com">
<svg width="40" height="40" t="1682825934912" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="3980" width="200" height="200">
<path d="M781.8 830.7H423.4c-28.3 0-51.2-22.9-51.2-51.2v-128h-128c-28.3 0-51.2-22.9-51.2-51.2V241.9c0-28.3 22.9-51.2 51.2-51.2h358.4c28.3 0 51.2 22.9 51.2 51.2v128h128c28.3 0 51.2 22.9 51.2 51.2v358.4c0 28.3-22.9 51.2-51.2 51.2zM577 293.1c0-14.1-11.5-25.6-25.6-25.6h-256c-14.1 0-25.6 11.5-25.6 25.6v256c0 14.1 11.5 25.6 25.6 25.6h76.8V421.1c0-28.3 22.9-51.2 51.2-51.2H577v-76.8zM474.6 446.7c-14.1 0-25.6 11.5-25.6 25.6v102.4h128v-128H474.6z m281.6 25.6c0-14.1-11.5-25.6-25.6-25.6h-76.8v166.4c0 21.2-17.2 38.4-38.4 38.4H449v76.8c0 14.1 11.5 25.6 25.6 25.6h256c14.1 0 25.6-11.5 25.6-25.6v-256z" fill="#4480EE" p-id="3981"></path>
<path d="M604.8 654.2H423.2c-28.7 0-51.9-23.2-51.9-51.9V420.7c0-28.7 23.2-51.9 51.9-51.9h181.6c28.7 0 51.9 23.2 51.9 51.9v181.6c0 28.7-23.3 51.9-51.9 51.9z m-26-207.5H449.1v129.7h129.7V446.7z" fill="#FFA545" p-id="3982"></path>
</svg>
实用工具箱
</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav flex-row flex-wrap">
<li class="nav-item col-6 col-lg-auto">
<a class="nav-link" href="https://www.idcd.com/tools">工具</a>
</li>
<li class="nav-item col-6 col-lg-auto">
<a class="nav-link" href="https://www.idcd.com/manuals">手册</a>
</li>
<li class="nav-item col-6 col-lg-auto">
<a class="nav-link" href="https://www.idcd.com/icons">图标</a>
</li>
<li class="nav-item col-6 col-lg-auto">
<a class="nav-link" href="https://www.idcd.com/docs/open-api">数据API</a>
</li>
<li class="nav-item col-6 col-lg-auto">
<a class="nav-link" href="https://www.idcd.com/ranking">排行榜</a>
</li>
</ul>
<ul class="navbar-nav flex-row flex-wrap align-items-center ms-md-auto">
<li class="nav-item py-2 py-lg-1 col-12 col-lg-auto me-3">
<form class="d-flex" role="search" action="https://www.idcd.com/search">
<div class="input-group input-group-sm">
<input class="form-control bg-dark-subtle border-0" type="search" name="q" value="" placeholder="搜索" aria-label="Search">
<button class="btn btn-outline-secondary" type="submit" id="button-addon2">
<svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20">
<path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
</button>
</div>
</form>
</li>
<li class="nav-item dropdown">
<button class="btn btn-link nav-link py-2 px-0 px-lg-2 d-flex align-items-center"
id="bd-theme"
type="button"
aria-expanded="false"
data-bs-toggle="dropdown"
data-bs-display="static">
<svg class="bi my-1 theme-icon-active">
<use href="#circle-half"></use>
</svg>
<span class="d-lg-none ms-2">主题</span>
</button>
<ul class="dropdown-menu dropdown-menu-end" aria-labelledby="bd-theme" style="--bs-dropdown-min-width: 8rem;">
<li>
<button type="button" class="dropdown-item d-flex align-items-center" data-bs-theme-value="light">
<svg class="bi me-2 opacity-50 theme-icon">
<use href="#sun-fill"></use>
</svg>
明亮
<svg class="bi ms-auto d-none">
<use href="#check2"></use>
</svg>
</button>
</li>
<li>
<button type="button" class="dropdown-item d-flex align-items-center" data-bs-theme-value="dark">
<svg class="bi me-2 opacity-50 theme-icon">
<use href="#moon-stars-fill"></use>
</svg>
黑暗
<svg class="bi ms-auto d-none">
<use href="#check2"></use>
</svg>
</button>
</li>
<li>
<button type="button" class="dropdown-item d-flex align-items-center active" data-bs-theme-value="auto">
<svg class="bi me-2 opacity-50 theme-icon">
<use href="#circle-half"></use>
</svg>
自动
<svg class="bi ms-auto d-none">
<use href="#check2"></use>
</svg>
</button>
</li>
</ul>
</li>
<li class="nav-item py-2 py-lg-1 col-12 col-lg-auto">
<div class="vr d-none d-lg-flex h-100 mx-lg-2 text-white"></div>
<hr class="d-lg-none my-2 text-white-50">
</li>
<li class="nav-item col-6 col-lg-auto">
<a class="btn btn-link nav-link d-flex align-items-center" href="https://www.idcd.com/login">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-person-circle" viewBox="0 0 16 16">
<path d="M11 6a3 3 0 1 1-6 0 3 3 0 0 1 6 0z
