光匣在线工具
光匣在线工具
排序
仓鼠工具箱
仓鼠工具箱
ToolinOne在线工具箱
ToolinOne在线工具箱
小妖精工具箱
在线工具箱，免费工具大全，实用小工具，站长工具平台，开发辅助工具，SEO 优化工具，娱乐工具集合，小妖精工具箱">
<meta name="description" content="小妖精工具箱是功能丰富的综合在线工具平台，提供随机图片视频、音乐解析等娱乐工具，IP 查询等站长工具，编码转换等开发工具，还有图片处理、生活查询、QQ 工具及小游戏，满足多场景需求。">
<link rel="stylesheet" href="/static/css/dashlite.css">
<link rel="icon" href="/favicon.ico" type="image/x-icon" alt="小妖精工具箱网站图标">
<link rel="stylesheet" href="/static/css/style.css?v=1002">
<script>
var _hmt = _hmt || [];
(function() {
var hm = document.createElement("script");
hm.src = "https://hm.baidu.com/hm.js?e9b045bf9aeb56796e8bd6f71dd3ae70";
var s = document.getElementsByTagName("script")[0];
s.parentNode.insertBefore(hm, s);
})();
</script>
<script charset="UTF-8" id="LA_COLLECT" src="//sdk.51.la/js-sdk-pro.min.js"></script>
<script>LA.init({id:"KxHz8hm3s6EceIE2",ck:"KxHz8hm3s6EceIE2"})</script>
</head>
<body class="nk-body npc-invest bg-lighter ">
<!-- wrap @s -->
<div class="nk-wrap ">
<!-- main header @s -->
<div class="nk-header nk-header-fluid nk-header-fixed is-light">
<div class="container-xl">
<div class="nk-header-wrap link-between">
<div class="nk-menu-trigger mr-sm-2 d-lg-none">
<a href="#" class="nk-nav-toggle nk-quick-nav-icon" data-target="headerNav">
<em class="icon ni ni-menu" style="color: #3b82f6; font-size: 24px;"></em>
</a>
</div>
<div class="nk-header-brand">
<a href="/" class="logo-link text-base">
<img src="/static/images/logo.png" alt="小妖精工具箱网站logo" class="hide-mb-sm">
小妖精工具箱 </a>
</div>
<!-- .nk-header-brand -->
<div class="nk-header-tools nk-header-menu" data-content="headerNav">
<div class="nk-header-mobile">
<div class="nk-header-brand">
<a href="/" class="logo-link text-base">
<span class="nio-version" style="font-size: 21px;position: inherit;">小妖精工具箱</span>
</a>
</div>
<div class="nk-menu-trigger mr-n2">
<a href="#" class="nk-nav-toggle nk-quick-nav-icon" data-target="headerNav">
<em class="icon ni ni-arrow-left" style="color: #3b82f6; font-size: 24px;"></em>
</a>
</div>
</div>
<!-- Menu -->
<ul class="nk-menu nk-menu-main">
<li class="nk-menu-item active">
<a href="/" class="nk-menu-link nk-ibx-action-item">
<em class="icon ni ni-home" style="color: #3b82f6; font-size: 20px;"></em>
<span class="nk-menu-text">首页</span>
</a>
</li>
<li class="nk-menu-item ">
<a href="/stars" class="nk-menu-link nk-ibx-action-item">
<em class="icon ni ni-heart" style="color: #3b82f6; font-size: 20px;"></em>
<span class="nk-menu-text">我的收藏</span>
</a>
</li>
<li class="nk-menu-item ">
<a href="/history" class="nk-menu-link nk-ibx-action-item">
<em class="icon ni ni-history" style="color: #3b82f6; font-size: 20px;"></em>
<span class="nk-menu-text">最近使用</span>
</a>
</li>
<li class="nk-menu-item ">
<a href="/comment" class="nk-menu-link nk-ibx-action-item">
<em class="icon ni ni-comments" style="color: #3b82f6; font-size: 20px;"></em>
<span class="nk-menu-text">留言反馈</span>
</a>
</li>
<li class="nk-menu-item ">
<a href="/article/list" class="nk-menu-link nk-ibx-action-item">
<em class="icon ni ni-book" style="color: #3b82f6; font-size: 20px;"></em>
<span class="nk-menu-text">文章中心</span>
</a>
</li>
</ul>
</div>
<!-- .nk-header-menu -->
<div class="no-gutters">
<ul class="nk-quick-nav">
<li class="dropdown">
<a href="javascript:;" class="progress-rating dark-switch ">
<span class="nk-menu-icon">
<em class="icon ni ni-moon" style="color: #3b82f6; font-size: 20px;"></em>
<em class="icon ni ni-sun d-none" style="color: #fbbf24; font-size: 20px;"></em>
</span>
</a>
</li>
<li class="dropdown user-dropdown order-sm-first ">
<a href="/login" class="dropdown-toggle nk-menu-link nk-ibx-action-item">
<em class="icon ni ni-user-circle" style="color: #3b82f6; font-size: 20px; margin-right: 8px;"></em>
<div class="">
未登录
</div>
</a>
</li>
<!-- .dropdown -->
</ul>
<!-- .nk-quick-nav -->
</div>
<!-- .nk-header-tools -->
</div>
<!-- .nk-header-wrap -->
</div>
<!-- .container-fliud -->
</div>
<!-- main header @e -->
<!-- content @s -->
<div class="nk-content nk-content-lg nk-content-fluid pt-4 pb-4 bannerbg" style="background: url();">
<div class="container-xl">
<div class="form-control-wrap circle relative">
<div class="form-text-hint-lx">
<span class="overline-title"><em class="icon ni ni-search"></em></span>
</div>
<div class="search-container">
<input type="text" class="form-control form-control-lx btn-round flex-1" id="searchkw" placeholder="" autocomplete="off" aria-label="搜索工具">
<span class="custom-placeholder">本站包含<span style="color: blue">293</span>个工具，帮助了<span style="color: blue">953593</span>人次</span>
</div>
</div>
</div>
</div>
<div class="nk-content nk-content-fluid p-0">
<div class="nk-block">
<div class="card">
<div class="card-inner p-2">
<div class="container-xl">
<nav>
<ul class="breadcrumb breadcrumb-pipe">
<li class="breadcrumb-item fs-16px category-all active"><a href="/">全部</a></li>
<li class="breadcrumb-item fs-16px category-item" data-id="6" itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem ">
<a href="/category/tj" itemprop="item"><span itemprop="name">推荐</span></a>
<meta itemprop="position" content="7
偷懒工具
工具,在线工具,实用工具,偷懒工具,toolight
ME2在线工具
在线工具,站长工具,开发工具,学习工具,小工具,格式化工具">
<meta name="description" content="www.metools.info在线开发学习生活工具箱，包括站长工具，开发工具，学习工具，小工具，格式化工具等。">
<meta name="author" content="www.metools.info ME2在线工具">
<meta property="og:title" content="ME2在线工具-在线开发学习生活工具箱">
<meta property="og:site_name" content="www.metools.info">
<meta property="og:type" content="website">
<meta property="og:description" content="www.metools.info在线开发学习生活工具箱，包括站长工具，开发工具，学习工具，小工具，格式化工具等。">
<meta property="og:image" content="https://www.metools.info/skin/images/tooliconm.png">
<meta property="og:url" content="https://www.metools.info/">
<link rel="canonical" href="https://www.metools.info/">
</head>
<body>
<nav class="navbar fixed-top navbar-expand-lg navbar-dark">
<div class="container">
<a id="home-link" title="ME2在线工具" href="https://www.metools.info/" class="navbar-brand"></a>
<button type="button" class="navbar-toggler" data-bs-toggle="collapse" data-bs-target="#navbarCollapse"
style="border:none;">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarCollapse">
<ul id="menu-primary" class="navbar-nav me-auto">
<li class="nav-item"><a title="首页" href="https://www.metools.info/" class="nav_cmenu nav-link "
style="padding-left: 25px;">首页</a></li>
<li class="nav-item"><a title="站长工具" href="https://www.metools.info/master/"
class="nav_cmenu nav-link " style="padding-left: 25px;">站长工具</a> </li>
<li class="nav-item"><a title="开发工具" href="https://www.metools.info/code/"
class="nav_cmenu nav-link " style="padding-left: 25px;">开发工具</a></li>
<li class="nav-item"><a title="学习工具" href="https://www.metools.info/learn/"
class="nav_cmenu nav-link " style="padding-left: 25px;">学习工具</a></li>
<li class="nav-item"><a title="生活工具" href="https://www.metools.info/live/"
class="nav_cmenu nav-link " style="padding-left: 25px;">生活工具</a></li>
<li class="nav-item"><a title="小工具" href="https://www.metools.info/other/"
class="nav_cmenu nav-link " style="padding-left: 25px;">小工具</a></li>
</ul>
<form id="searchform" method="post" action="/e/search/index.php" role="search">
<div class="input-group">
<input type="hidden" name="tempid" value="1
提趣屋
提趣屋,知识分享
代码小抄
代码小抄
开发者武器库
开发者武器库
奇Q工具网
奇Q工具网
我的工具
我的工具
1024程序员开发工具箱
1024程序员开发工具箱
零代码
零代码
Socialify
Socialify
菜鸟工具
菜鸟工具,网址导航,在线工具">
<meta name="description" content="菜鸟工具，为开发设计人员提供在线工具，网址导航，提供在线PHP、Python、 CSS、JS 调试，中文简繁体转换，进制转换等工具。致力于打造国内专业WEB开发工具，集成开发环境，WEB开发教程。..">
<link rel="shortcut icon" href="https://static.jyshare.com/images/c-runoob-logo.ico">
<!-- Bootstrap Core CSS -->
<link rel="stylesheet" href="https://static.jyshare.com/assets/css/tool-bs/bootstrap.min.css" >
<!-- Custom Fonts -->
<link href="https://static.jyshare.com/assets/fontawesome-free-5.15.4/css/all.min.css" rel="stylesheet" type="text/css" crossorigin="anonymous">
<!--[if lt IE 9]>
<script src="https://static.jyshare.com/assets/libs/html5.min.js"></script>
<script src="https://static.jyshare.com/assets/libs/respond.min.js"></script>
<![endif]-->
<!-- PHP 代码 -->
<link rel="stylesheet" href="https://www.jyshare.com/wp-content/themes/toolrunoob2/style.css?version=1.405">
<script src="https://static.jyshare.com/assets/libs/jquery.min.js"></script>
<script src="https://static.jyshare.com/assets/libs/clipboard.min.js"></script>
</head>
<body>
<style>
.navbar-nav .nav-item {
white-space: nowrap; /* 防止li内部换行 */
}
.navbar-nav .nav-link {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap; /* 防止链接文字换行 */
}
.navbar,.page-footer {
background: rgb(75, 81, 104);
border-width: 0px 0px 3px;
border-bottom: 3px solid transparent;
border-image: linear-gradient(90deg, rgb(141, 66, 108) 16%, rgb(81, 153, 211) 16%, rgb(81, 153, 211) 32%, rgb(34, 201, 148) 32%, rgb(34, 201, 148) 48%, rgb(240, 198, 18), 48%, rgb(240, 198, 18), 64%, rgb(255, 171, 77) 64%, rgb(255, 171, 77) 82%, rgb(210, 70, 93) 82%) 1 / 1 / 0 stretch;
}
.page-footer {
border-top: 3px solid transparent;
border-width: 3px 0px 0px;
}
</style>
<nav class="navbar navbar-expand-lg fixed-top navbar-dark ">
<a class="navbar-brand mr-auto mr-lg-2" href="/">
<img src="https://static.jyshare.com/images/JYSHARE-COM.png" style="height: 36px;" class="d-inline-block align-top" alt="菜鸟工具">
</a>
<button class="navbar-toggler p-0 border-0" type="button" id="navbarSideCollapse" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="navbar-collapse offcanvas-collapse" id="navbarsExampleDefault">
<ul class="navbar-nav mr-auto">
<li class="nav-item nav-item-runoob">
<a target="_blank" class="nav-link" href="https://www.jyshare.com/front-end/61">WEB在线工具</a>
</li>
<li class="nav-item nav-item-runoob">
<a target="_blank nav-item-runoob" class="nav-link" href="https://www.jyshare.com/more/shapefly-diagram/">在线画图</a>
</li>
<!--
<li class="nav-item">
<a target="_blank" class="nav-link" href="https://www.jyshare.com/email/">邮箱导航</a>
</li>
<li class="nav-item">
<a target="_blank" class="nav-link" href="https://www.jyshare.com/currencyconverter/">汇率换算器</a>
</li>
-->
<li class="nav-item">
<a target="_blank" class="nav-link" href="https://www.jyshare.com/time/">世界时间</a>
</li>
<li class="nav-item nav-item-runoob">
<a target="_blank" class="nav-link" href="https://www.jyshare.com/more/svgeditor/">SVG在线工具</a>
</li>
<li class="nav-item nav-item-runoob">
<a target="_blank" class="nav-link" href="https://www.runoob.com/">菜鸟教程</a>
</li>
<li class="nav-item nav-item-runoob">
<a target="_blank" class="nav-link" href="https://www.jyshare.com/ai/">AI集合</a>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="javascript:void(0);" id="dropdown01" data-toggle="dropdown" aria-expanded="false">更多频道</a>
<style>
.multi-column-dropdown {
column-count: 2; /* 设置两列 */
column-gap: 1rem; /* 列之间的间隔 */
}
</style>
<div class="dropdown-menu multi-column-dropdown shadow bg-light">
<div class="dropdown-column">
<a href="https://www.jyshare.com/email/" class="dropdown-item" target="_blank"><i class="fas fa-envelope"></i> 邮箱导航</a>
<a href="https://www.jyshare.com/web-developer/" class="dropdown-item" target="_blank"><i class="fab fa-html5"></i> 前端开发</a>
<a href="https://www.jyshare.com/media-om/" class="dropdown-item" target="_blank"><i class="fas fa-photo-video"></i> 媒体运营</a>
<a href="https://www.jyshare.com/tech-sites/" class="dropdown-item" target="_blank"><i class="fas fa-microchip"></i> 科技网站</a>
<a href="https://www.jyshare.com/cloud-server/" class="dropdown-item" target="_blank"><i class="fas fa-server"></i> 云服务器</a>
<a href="https://www.jyshare.com/office/" class="dropdown-item" target="_blank"><i class="fab fa-microsoft"></i> 办公软件</a>
<a href="https://www.jyshare.com/scholar/" class="dropdown-item" target="_blank"><i class="fas fa-search-plus"></i> 学术搜索</a>
<a href="https://www.jyshare.com/time/" class="dropdown-item" target="_blank"><i class="far fa-clock"></i> 世界时间</a>
</div>
<div class="dropdown-column">
<a href="https://www.jyshare.com/ai/" class="dropdown-item" target="_blank"><i class="fas fa-robot"></i> AI 应用</a>
<a href="https://www.jyshare.com/coupon/" class="dropdown-item" target="_blank"><i class="fas fa-shopping-cart"></i> 购物平台</a>
<a href="https://www.jyshare.com/quiz/" class="dropdown-item" target="_blank"><i class="fas fa-feather"></i> 在线测验</a>
<a href="https://www.jyshare.com/finance/" class="dropdown-item" target="_blank"><i class="fas fa-piggy-bank"></i> 财经频道</a>
<a href="https://www.jyshare.com/banks/" class="dropdown-item" target="_blank"><i class="fas fa-landmark"></i> 银行机构</a>
<a href="https://www.jyshare.com/danwei/" class="dropdown-item" target="_blank"><i class="fas fa-weight"></i> 单位换算</a>
<a href="https://www.jyshare.com/sports/" class="dropdown-item" target="_blank"><i class="fas fa-basketball-ball"></i> 体育频道</a>
<a href="https://www.jyshare.com/rmbquot/" class="dropdown-item" target="_blank"><i class="fas fa-funnel-dollar"></i> 人民币汇率</a>
</div>
</div>
</li>
</ul>
<style>
</style>
<form class="form-inline my-2 my-lg-0" action="/index.php" method="get">
<div class="input-group has-search">
<input class="form-control mr-sm-2" name="s" value="" type="text" placeholder="搜索..." aria-label="Search">
</div>
<!--
<button class="btn btn-warning my-2 my-sm-0" type="submit" >搜索</button> -->
</form>
</div>
</nav>
<script>
var is_home = false;
</script>
<div class="nav-scroller bg-white shadow-sm fixed-top" id="navScroller" style="position: fixed;">
<nav class="nav nav-underline">
<a class="nav-link active" href="javascript:void();"><i class="fa fa-compass" aria-hidden="true"></i> 快速导航</a>
<a class="nav-link" href="#top-0">编译工具</a>
<a class="nav-link" href="#top-1">前端工具</a>
</nav>
</div>
<script>
is_home = true;
function setNavScrollerTop() {
var navHeight = $('.navbar').outerHeight();
$('#navScroller').css('top', navHeight);
}
// 初始化时设置
setNavScrollerTop();
// 页面大小改变时重新设置
$(window).resize(setNavScrollerTop);
document.querySelector('.form-control').addEventListener('keypress', function(event) {
if (event.key === 'Enter' || event.keyCode === 13) {
// 阻止默认行为（例如在输入框中插入换行）
event.preventDefault();
document.querySelector('.form-inline').submit(); // 回车键触发表单提交
}
});
</script>
<div class="runoob-home-main">
<div class="container" style="max-width: 1600px;">
<div class="row">
<div class="col-md-1 sidebar">
<div class="content-sidebar">
<dl id="goto">
<dt style="top: 15px;"><span class="show-list"></span></dt><dd class="current"><a href="#runoob-goto-hot-item" class="auto-scroll" data-offset="98" data-speed="500">热门工具</a></dd><dd class=""><a href="#runoob-goto-13" class="auto-scroll" data-offset="98" data-speed="500">搜索资源</a></dd><dd class="">
<a href="#runoob-goto-front-end" class="auto-scroll" data-offset="98" data-speed="500">前端工具</a></dd>
<dd class=""><a href="#runoob-goto-compile" class="auto-scroll" data-offset="98" data-speed="500">编译工具</a></dd><dd class=""><a href="#runoob-goto-14" class="auto-scroll" data-offset="98" data-speed="500">图片&文档</a></dd><dd class=""><a href="#runoob-goto-15" class="auto-scroll" data-offset="98" data-speed="500">在线编程工具</a></dd><dd class=""><a href="#runoob-goto-36" class="auto-scroll" data-offset="98" data-speed="500">技术社区</a></dd><dd class=""><a href="#runoob-goto-37" class="auto-scroll" data-offset="98" data-speed="500">开发工具</a></dd><dd class=""><a href="#runoob-goto-41" class="auto-scroll" data-offset="98" data-speed="500">公共库&图标</a></dd><dd class=""><a href="#runoob-goto-49" class="auto-scroll" data-offset="98" data-speed="500">开源镜像站</a></dd><dd class=""><a href="#runoob-goto-43" class="auto-scroll" data-offset="98" data-speed="500">字体下载</a></dd><dd class=""><a href="#runoob-goto-38" class="auto-scroll" data-offset="98" data-speed="500">社区&媒体&视频</a></dd><dd><a href="#runoob-goto-more-item" class="auto-scroll" data-offset="98" data-speed="500">更多...</a></dd></dl>
</dl>
</div>
</div>
<div class="col-md-11">
<div class="row runoob-custom runoob-item-index" data-text="热门工具" id="runoob-goto-hot-item">
<div class="col-md-12">
<div class="runoob-item-name font-weight">
<i class="fab fa-hotjar text-danger"></i> <span class="badge badge-warning" id="hot-url" >热门工具</span> |
<i class="fas fa-globe text-secondary"></i> <span class="badge badge-secondary" id="bookmarks" >自定义网址</span> |
<i class="fas fa-clock text-warning" ></i><span class="badge badge-light" id="currentTime">当前时间</span>
</div>
</div>
<div class="col-md-12">
<ul class="runoob-custom-item" id="runoob-customer-hot" style="padding: 0;">
<li data-no="1" ><a class="runoob-custom-link" target="_blank" href="https://www.jyshare.com/front-end/854/" title="正则表达式在线测试"><img width="24" height="24" src="https://www.jyshare.com/wp-content/uploads/2016/11/regular.png" > 正则表达式在线测试</a></li>
<li data-no="2" ><a class="runoob-custom-link" target="_blank" href="https://www.jyshare.com/compile/11/" title="C 语言在线工具"><img width="24" height="24" src="https://www.jyshare.com/wp-content/uploads/2016/01/c.png" > C 语言在线工具</a></li>
<li data-no="3" ><a class="runoob-custom-link" target="_blank" href="https://www.jyshare.com/compile/12/" title="C++ 在线工具"><img width="24" height="24" src="https://www.jyshare.com/wp-content/uploads/2016/01/cpp.png" > C++ 在线工具</a></li>
<li data-no="4" ><a class="runoob-custom-link" target="_blank" href="https://www.jyshare.com/front-end/710/" title="XML 格式化工具"><img width="24" height="24" src="https://www.jyshare.com/wp-content/uploads/2016/09/iconfinder_application-xml_28904.png" > XML 格式化工具</a></li>
<li data-no="5" ><a class="runoob-custom-link" target="_blank" href="https://www.jyshare.com/compile/9/" title="Python3 在线测试工具"><img width="24" height="24" src="https://www.jyshare.com/wp-content/uploads/2016/01/python.png" > Python3 在线测试工具</a></li>
<li data-no="6" ><a class="runoob-custom-link" target="_blank" href="https://www.jyshare.com/compile/53/" title="JSON 格式化工具"><img width="24" height="24" src="https://www.jyshare.com/wp-content/uploads/2016/09/images.jpeg" > JSON 格式化工具</a></li>
<li data-no="7" ><a class="runoob-custom-link" target="_blank" href="https://www.jyshare.com/front-end/61/" title="HTML/CSS/JS 在线工具"><img width="24" height="24" src="https://www.jyshare.com/wp-content/uploads/2016/01/htmlcssjs.png" > HTML/CSS/JS 在线工具</a></li>
<li data-no="8" ><a class="runoob-custom-link" target="_blank" href="https://www.jyshare.com/compile/10/" title="Java 在线工具"><img width="24" height="24" src="https://www.jyshare.com/wp-content/uploads/2016/01/java.png" > Java 在线工具</a></li>
<li data-no="9" ><a class="runoob-custom-link" target="_blank" href="https://www.jyshare.com/front-end/852/" title="时间戳转换器"><img width="24" height="24" src="https://www.jyshare.com/wp-content/uploads/2016/11/history-128.png" > 时间戳转换器</a></li>
<li data-no="10" ><a class="runoob-custom-link" target="_blank" href="https://www.jyshare.com/rmbquot/" title="今日人民币汇率"><img width="24" height="24" src="https://www.jyshare.com/wp-content/uploads/2022/09/2907498_coin_currency_rmb_yuan_valuta_icon.png" > 今日人民币汇率</a></li>
<li data-no="11" ><a class="runoob-custom-link" target="_blank" href="https://www.jyshare.com/front-end/9692/" title="markdown思维导图"><img width="24" height="24" src="https://www.jyshare.com/wp-content/uploads/2025/01/markmap-logo.png" > markdown思维导图</a></li>
<li data-no="12" ><a class="runoob-custom-link" target="_blank" href="https://www.jyshare.com/front-end/6680/" title="随机数生成器"><img width="24" height="24" src="https://www.jyshare.com/wp-content/uploads/2022/04/26-266723_numbers.png" > 随机数生成器</a></li>
</ul>
<ul class="runoob-custom-item list-inline" id="runoob-customer-user" style="padding: 0;display:none">
<li><a data-toggle="modal" data-target="#bookmarkModal" href="javascript:void(0);" class="runoob-custom-link"><i class="fa fa-plus-square" aria-hidden="true"></i> 添加网址</a></li>
</ul>
<div class="card mb-2" style='display:none;' id="serverTime">
<div class="card-body" id="">
<div id="currentTime2" class=" text-center text-dark font-weight-bold">
<p class="date"></p>
<p class="time display-4 font-weight-bold"></p>
<p class="text-muted border-top pt-3" style="font-size: 1.5rem;display:none;"><a href="/time/" target="_blank"><i class="fas fa-clock"></i> 世界时间</a></p>
</div>
</div>
</div>
</div>
</div>
<style>
#currentTime2 .date {
letter-spacing: 0.05em;
font-family: "Share Tech Mono", monospace;
font-size:20px;
-webkit-text-fill-color: transparent;
background: linear-gradient(to right, #ff6361, #ffa600, #3cb371, #4a90e2, #c71585);
-webkit-background-clip: text;
color: transparent;
margin: auto;
}
#currentTime, #currentTime2 .time {
font-family: "Share Tech Mono", monospace;
background: linear-gradient(to right, #ff6361, #ffa600, #3cb371, #4a90e2, #c71585);
-webkit-background-clip: text;
color: transparent;
margin: auto;
}
</style>
<!-- search start -->
<div class="row runoob-item runoob-item-index" data-text="搜索资源" id="runoob-goto-13">
<div class="col-md-12">
<div class="anchor-link"></div>
<strong class="runoob-item-name"><i class="fa fa-list"></i> 搜索资源 | <a href="https://www.jyshare.com/search-sites/" target="_blank"><span style="font-size:14px" class="badge badge-warning">更多 <i class="fas fa-angle-double-right"></i></span></a>
</strong>
</div>
<div class="col-md-12">
<div id="search-form" class="card mb-2" style="display: flex;">
<div class="card-body align-self-center">
<ul class="nav justify-content-center" id="search-name">
<li class="nav-item">
<a class="nav-link nav-underline-active" href="https://www.google.com/search?q=">Google</a>
</li>
<li class="nav-item">
<a class="nav-link text-muted" href="https://cn.bing.com/search?q=">Bing</a>
</li>
<li class="nav-item">
<a class="nav-link text-muted" href="https://www.jyshare.com/front-end/9235/?q=">AI 编程</a>
</li>
<li class="nav-item">
<a class="nav-link text-muted" href="https://kaifa.baidu.com/searchPage?wd=">Baidu</a>
</li>
<li class="nav-item">
<a class="nav-link text-muted" href="https://github.com/search?q=">Github</a>
</li>
<li class="nav-item">
<a class="nav-link text-muted" href=" https://stackoverflow.com/search?q=">Stack Overflow</a>
</li>
<li class="nav-item">
<a class="nav-link text-muted" href="https://www.runoob.com/?s=">Runoob</a>
</li>
</ul>
<div class="search"> <i class="fa fa-search"></i> <input type="text" class="form-control" placeholder="输入搜索内容..."> <button id="search-button" class="btn btn-warning">搜索</button> </div>
</div>
</div>
<div class="nav-moredata">
<ul>
<li class="lia" data-id="1224">
<a data-toggle="tooltip" data-placement="bottom" rel="nofollow" title="一款功能丰富、智能化、易用性强的人工智能工具，适用于各种内容创作者" href="https://chat.openai.com/" target="_blank" class="runoob-custom-link">
<img width="24" height="24" src="https://www.jyshare.com/wp-content/uploads/2023/02/openai-avatar.png"> ChatGPT </a>
</li>
<li class="lia" data-id="2809">
<a data-toggle="tooltip" data-placement="bottom" rel="nofollow" title="抖音旗下的 AI 助手" href="https://dis.csqixiang.cn/unpo/doubaocngj.html" target="_blank" class="runoob-custom-link">
<img width="24" height="24" src="https://www.jyshare.com/wp-content/uploads/2024/05/db_logo.png"> 豆包 </a>
</li>
<li class="lia" data-id="2057">
<a data-toggle="tooltip" data-placement="bottom" rel="nofollow" title="深度求索，探索未至之境" href="https://www.deepseek.com/" target="_blank" class="runoob-custom-link">
<img width="24" height="24" src="https://www.jyshare.com/wp-content/uploads/2024/12/deepseek-1.png"> DeepSeek </a>
</li>
<li class="lia" data-id="3487">
<a data-toggle="tooltip" data-placement="bottom" rel="nofollow" title="阿里出品的写代码工具" href="https://www.qoder.com/" target="_blank" class="runoob-custom-link">
<img width="24" height="24" src="https://www.jyshare.com/wp-content/uploads/2025/08/qoder-logo.png"> Qoder </a>
</li>
<li class="lia" data-id="3152">
<a data-toggle="tooltip" data-placement="bottom" rel="nofollow" title="智谱 AI 公司训练的语言模型" href="https://chatglm.cn/" target="_blank" class="runoob-custom-link">
<img width="24" height="24" src="https://www.jyshare.com/wp-content/uploads/2024/04/zhi-pu-qingyan.jpeg"> 智谱清言 </a>
</li>
<li class="lia" data-id="2333">
<a data-toggle="tooltip" data-placement="bottom" rel="nofollow" title="阿里开发的大语言模型" href="https://www.tongyi.com/" target="_blank" class="runoob-custom-link">
<img width="24" height="24" src="https://www.jyshare.com/wp-content/uploads/2023/04/ty.png"> 通义千问 </a>
</li>
<li class="lia" data-id="2706">
<a data-toggle="tooltip" data-placement="bottom" rel="nofollow" title="国内最接近 chatGPT 的 AI 助手，热度还在上升，相关股票涨停" href="https://kimi.moonshot.cn/" target="_blank" class="runoob-custom-link">
<img width="24" height="24" src="https://www.jyshare.com/wp-content/uploads/2024/03/kimi-logo.png"> Kimi </a>
</li>
<li class="lia" data-id="3490">
<a data-toggle="tooltip" data-placement="bottom" rel="nofollow" title="很火，Google 家的 AI 图像编辑与生成工具" href="https://nanobanana.ai/" target="_blank" class="runoob-custom-link">
<img width="24" height="24" src="https://www.jyshare.com/wp-content/uploads/2025/09/1756236507609.jpeg"> Nano Banana </a>
</li>
<li class="lia" data-id="3240">
<a data-toggle="tooltip" data-placement="bottom" rel="nofollow" title="AI辅助编程，代码自动修复" href="https://www.trae.com.cn/?utm_source=advertising&utm_medium=jyshare_ug_cpa&utm_term=hw_trae_jyshare" target="_blank" class="runoob-custom-link">
<img width="24" height="24" src="https://www.jyshare.com/wp-content/uploads/2025/07/trae-2.png"> TRAE 编程 </a>
</li>
<li class="lia" data-id="2805">
<a data-toggle="tooltip" data-placement="bottom" rel="nofollow" title="AI 应用开发平台及通用智能体（Agent）产品" href="https://space.coze.cn/?utm_medium=daohang&utm_source=jyshare&utm_content=home&utm_id=0&utm_campaign=&utm_term=hw_coze_jyshare&utm_source_platform=%20" target="_blank" class="runoob-custom-link">
<img width="24" height="24" src="https://www.jyshare.com/wp-content/uploads/2024/05/coze.png"> 扣子(Coze) </a>
</li>
<li class="lia" data-id="2812">
<a data-toggle="tooltip" data-placement="bottom" rel="nofollow" title="腾讯出品的大语言模型" href="https://yuanbao.tencent.com/" target="_blank" class="runoob-custom-link">
<img width="24" height="24" src="https://www.jyshare.com/wp-content/uploads/2024/06/246x0w.webp"> 腾讯元宝 </a>
</li>
<li class="lia" data-id="2121">
<a data-toggle="tooltip" data-placement="bottom" rel="nofollow" title="没有广告，直达结果" href="https://metaso.cn/" target="_blank" class="runoob-custom-link">
<img width="24" height="24" src="https://www.jyshare.com/wp-content/uploads/2024/04/mita.jpg"> 秘塔AI搜索 </a>
</li>
<li class="lia" data-id="2128">
<a data-toggle="tooltip" data-placement="bottom" rel="nofollow" title="对话式搜索引擎" href="https://www.perplexity.ai/" target="_blank" class="runoob-custom-link">
<img width="24" height="24" src="https://www.jyshare.com/wp-content/uploads/2023/06/1679494099Perplexity.png"> Perplexity </a>
</li>
<li class="lia" data-id="3437">
<a data-toggle="tooltip" data-placement="bottom" rel="nofollow" title="语言处理工具" href="https://claude.ai/" target="_blank" class="runoob-custom-link">
<img width="24" height="24" src="https://www.jyshare.com/wp-content/uploads/2025/05/claude.jpg"> Claude </a>
</li>
<li class="lia" data-id="2141">
<a data-toggle="tooltip" data-placement="bottom" rel="nofollow" title="是一个神经语言模型的聊天机器人网络应用" href="https://character.ai/" target="_blank" class="runoob-custom-link">
<img width="24" height="24" src="https://www.jyshare.com/wp-content/uploads/2023/03/Character-AI.jpg"> Character AI </a>
</li>
<li class="lia" data-id="2822">
<a data-toggle="tooltip" data-placement="bottom" rel="nofollow" title="Grok通过X平台实时了解世界，回答各种问题" href="https://x.ai/" target="_blank" class="runoob-custom-link">
<img width="24" height="24" src="https://www.jyshare.com/wp-content/uploads/2024/06/grok.png"> Grok AI </a>
</li>
<li class="lia" >
<a data-toggle="tooltip" data-placement="bottom" rel="nofollow" title="最好用，但是要访问需要点技术。" href="https://www.google.com" target="_blank" class="runoob-custom-link">
<img width="24" height="24" src="https://www.jyshare.com/wp-content/uploads/2022/03/googe.png"> Google </a>
</li>
<li class="lia" >
<a data-toggle="tooltip" data-placement="bottom" rel="nofollow" title="搜索结果不一定是你想要的，广告也多。" href="https://www.baidu.com" target="_blank" class="runoob-custom-link">
<img width="24" height="24" src="https://www.jyshare.com/wp-content/uploads/2022/03/baidu.jpg"> Baidu </a>
</li>
<li class="lia" >
<a data-toggle="tooltip" data-placement="bottom" rel="nofollow" title="从官网的介绍来看这个搜索引擎不收集用户信息，而且没有广告。" href="https://duckduckgo.com/" target="_blank" class="runoob-custom-link">
<img width="24" height="24" src="https://www.jyshare.com/wp-content/uploads/2022/03/duck.jpg"> DuckDuckGo </a>
</li>
<li class="lia" >
<a data-toggle="tooltip" data-placement="bottom" rel="nofollow" title="Gitlogs 是专门针对 GitHub 项目的搜索引擎，我们通过他可以快速找到想要项目。" href="https://www.gitlogs.com/" target="_blank" class="runoob-custom-link">
<img width="24" height="24" src="https://www.jyshare.com/wp-content/uploads/2022/03/gitlog-log.png"> Gitlogs </a>
</li>
<li class="lia" >
<a data-toggle="tooltip" data-placement="bottom" rel="nofollow" title="最大的开源项目资源网站。" href="https://github.com/search" target="_blank" class="runoob-custom-link">
<img width="24" height="24" src="https://www.jyshare.com/wp-content/uploads/2022/03/微信截图_20220315103508.png"> Github </a>
</li>
<li class="lia" >
<a data-toggle="tooltip" data-placement="bottom" rel="nofollow" title="用来查找一些类似 logo 的小图标。" href="https://www.iconfinder.com/" target="_blank" class="runoob-custom-link">
<img width="24" height="24" src="https://www.jyshare.com/wp-content/uploads/2022/03/iconfinder.png"> Iconfinder </a>
</li>
<li class="lia" >
<a data-toggle="tooltip" data-placement="bottom" rel="nofollow" title="微软公司的搜索引擎" href="https://cn.bing.com/" target="_blank" class="runoob-custom-link">
<img width="24" height="24" src="https://static.jyshare.com/images/svg/bing.svg"> 必应搜索 </a>
</li>
<li class="lia" >
<a data-toggle="tooltip" data-placement="bottom" rel="nofollow" title="今日头条的搜索引擎" href="https://m.toutiao.com/search" target="_blank" class="runoob-custom-link">
<img width="24" height="24" src="https://www.jyshare.com/wp-content/uploads/2022/04/toutiao.png"> 头条搜索 </a>
</li>
<li class="lia" >
<a data-toggle="tooltip" data-placement="bottom" rel="nofollow" title="寻找类似网站的最佳地点" href="https://www.similarsitesearch.com/" target="_blank" class="runoob-custom-link">
<img width="24" height="24" src="https://www.jyshare.com/wp-content/uploads/2022/05/Similarsitesearch.png"> Similarsitesearch </a>
</li>
<li class="lia" >
<a data-toggle="tooltip" data-placement="bottom" rel="nofollow" title="CC Search 上搜索到的图片资源都是无版权的，我们可以免费的使用。" href="https://ccsearch.creativecommons.org/" target="_blank" class="runoob-custom-link">
<img width="24" height="24" src="https://www.jyshare.com/wp-content/uploads/2022/03/CC.jpg"> CC Search </a>
</li>
<li class="lia" >
<a data-toggle="tooltip" data-placement="bottom" rel="nofollow" title="高质量的图片网站，可以免费使用。" href="https://www.pexels.com/" target="_blank" class="runoob-custom-link">
<img width="24" height="24" src="https://www.jyshare.com/wp-content/uploads/2022/03/pexels.png"> Pexels </a>
</li>
<li class="lia" >
<a data-toggle="tooltip" data-placement="bottom" rel="nofollow" title="免费高清素材网站。" href="https://unsplash.com/" target="_blank" class="runoob-custom-link">
<img width="24" height="24" src="https://www.jyshare.com/wp-content/uploads/2022/03/unsplash.png"> Unsplash </a>
</li>
<li class="lia" >
<a data-toggle="tooltip" data-placement="bottom" rel="nofollow" title="搜索知乎的内容" href="https://zhihu.sogou.com/" target="_blank" class="runoob-custom-link">
<img width="24" height="24" src="https://www.jyshare.com/wp-content/uploads/2022/04/zhihu.png"> 知乎搜索 </a>
</li>
<li class="lia" >
<a data-toggle="tooltip" data-placement="bottom" rel="nofollow" title="站点流量 — 查看并分析任何网站" href="https://www.similarweb.com/zh/" target="_blank" class="runoob-custom-link">
<img width="24" height="24" src="https://www.jyshare.com/wp-content/uploads/2022/05/Similarweb.jpg"> SimilarWeb </a>
</li>
<li class="lia" >
<a data-toggle="tooltip" data-placement="bottom" rel="nofollow" title="为程序员服务的互联网搜索引擎" href="https://goobe.io/" target="_blank" class="runoob-custom-link">
<img width="24" height="24" src="https://www.jyshare.com/wp-content/uploads/2022/03/goobe.png"> Goobe </a>
</li>
<li class="lia" >
<a data-toggle="tooltip" data-placement="bottom" rel="nofollow" title="用图片来检索图片，我们可以上传图片或输入图片的 URL 来检索。" href="https://www.tineye.com" target="_blank" class="runoob-custom-link">
<img width="24" height="24" src="https://www.jyshare.com/wp-content/uploads/2022/03/tineye.png"> TinEye </a>
</li>
</ul>
</div>
</div>
</div>
<!-- search end-->
<div class="row runoob-item runoob-item-index" data-text="常用工具" id="runoob-goto-front-end">
<div class="col-md-12">
<div class="anchor-link"></div>
<div class="runoob-item-name">
<strong><i class="fa fa-list"></i> 常用工具 | <i class="fas fa-search search-icon"></i></strong>
<div style="display:none;" class="search-box"><input type="text" class="form-control search-input" placeholder="搜索工具..." ></div>
</div>
</div>
<div class="col-md-12">
<div class="row">
<div class="col-lg-2 col-md-3 col-sm-4 col-6 runoob-padding">
<a href="https://www.jyshare.com/front-end/47/" class="runoob-card" data-toggle="tooltip" data-placement="bottom" target="_blank" title="在线压缩/解压 HTML 代码">
<div class="runoob-card-tit">
<img width="128" height="128" src="https://www.jyshare.com/wp-content/uploads/2016/01/html.png" class="attachment-post-thumbnail size-post-thumbnail wp-post-image" alt="" decoding="async" loading="lazy