做网站这些年攒了20多个在线工具,真正每天打开的不超过6个,剩下的全藏在这份清单里
每个做网站的人都有一个"工具收藏夹",里面塞了几十个网址。截图工具、JSON格式化、域名查询、图片压缩、CSS生成器……攒的时候觉得"这个以后肯定用得上",结果真到了干活那天,打开的永远是那么五六个。剩下的那些,不是不好用,是分类太乱,想找的时候根本翻不到。
我把这些年真正高频使用的在线工具筛了一遍,按"日常干活"的实际场景分了六类。不是大而全的导航站清单,就是每天实际会点开的那几个。每个类目里只留最好用的1-2个,附带替代方案和选择理由。你可以直接把这个页面加书签,以后找工具翻这一篇就够了。
六类工具,覆盖做网站的完整流程
| 1 | 开发调试类:JSON格式化、正则测试、代码格式化、CSS生成器 |
| 2 | 图片处理类:在线压缩、格式转换、批量处理、取色 |
| 3 | 域名/IP类:WHOIS查询、DNS检测、IP归属、批量解析 |
| 4 | 网站检测类:网站测速、SEO综合查询、死链检测、SSL检查 |
| 5 | 编码转换类:时间戳、Base64、URL编解码、MD5/SHA加密 |
| 6 | 站群管理类:多站监控、批量内容、统一看板、自动化推送 |
一、开发调试类:每天必开的四个页面
前端和后端日常干活,最常见的需求就是格式化代码、测试正则、查CSS兼容性、调试API返回值。这几类需求看着基础,但工具选得好不好,体验差很远。
| 需求 | 推荐工具 | 核心优势 | 替代方案 |
|---|---|---|---|
| JSON格式化 | tool.lu/json | 界面简洁、大JSON不卡顿、支持折叠展开 | json.cn、bejson.com |
| 正则测试 | regex101.com | 实时匹配高亮、分组捕获可视化、多语言切换 | tool.lu/regex、regexr.com |
| CSS兼容性 | caniuse.com | 浏览器支持数据最全、全球使用率统计 | MDN浏览器兼容表 |
| 代码格式化 | prettier.io/playground | 支持JS/TS/CSS/HTML/Markdown等十几种语言 | codebeautify.org、loveformat.com |
regex101.com是我最推荐的正则工具。跟国内同类工具比,它的分组捕获可视化做得特别好——哪部分匹配了什么,用不同颜色标出来,调试复杂正则的时候能省大量时间。右下角还能切JavaScript/Python/PHP/Golang等语言,不同语言的正则引擎差异它会标注出来。比如JS不支持后行断言的时候,它会直接给你标红。
Can I Use这个网站做前端的应该都知道。比如你写了个gap: 20px在flex布局里,不确定Safari老版本支不支持,上caniuse一查就知道从哪个版本开始支持、全球覆盖率多少。这个工具没有替代品,数据来源和更新频率都是业界最权威的。

小技巧:这几个开发工具都不用注册账号,打开即用。建议在浏览器里建一个"开发工具"书签文件夹,把 regex101、caniuse、JSON格式化、prettier playground 四个页面放进去,以后Chrome地址栏直接打关键词就能跳转。
二、图片处理类:三个工具覆盖全部场景
做网站的图片处理需求其实就三类:压缩体积、转换格式、取色配色。这比装Photoshop快得多,而且在线工具的质量已经足够好。
| 工具 | 网址 | 适用场景 | 为什么选它 |
|---|---|---|---|
| TinyPNG | tinypng.com | PNG/JPEG/WebP/AVIF压缩 | 压缩率70%-80%,肉眼几乎看不出画质损失,支持批量拖拽(一次最多20张) |
| Squoosh | squoosh.app | 图片格式转换 + 压缩参数微调 | Google出品,支持左右对比滑竿,可调压缩质量/调色板/尺寸,支持WebP/AVIF导出 |
| Coolors | coolors.co | 配色方案生成 + 取色 | 按空格随机生成配色,锁定喜欢的颜色继续调,导出HEX/RGB/HSL |
TinyPNG是老牌工具了,最大的优点是"傻瓜式好用"。拖一张图进去,自动压完,显示压缩比例,一键下载。免费版一次最多20张、单张不超过5MB。如果你网站图片多、每次要压几十上百张,可以考虑它的付费API(每月500张免费额度),配合脚本批量处理。
Squoosh比TinyPNG更专业一点。它不光能压缩,还能让你在浏览器里实时对比压缩前后的画质差异。左边是原图,右边是压缩后的,中间有个滑竿可以拖动对比。做图片优化的时候,有时候需要把一张PNG转成WebP、调一下压缩质量看看多大才不糊,Squoosh就是干这个的。而且它是PWA应用,离线也能用。
TinyPNG适合的场景
网站上线前批量压图、日常文章配图压缩。操作最简单,不需要调参数,拖进去就行。
Squoosh适合的场景
需要精确控制压缩参数的场景。比如把PNG转WebP但要求画质不低于90%,或者对比AVIF和WebP哪个更适合你。
三、域名/IP类:建站和排查问题的工具箱
买域名前查WHOIS、解析出问题查DNS、排查某个IP是不是被墙了、看看同IP下挂了哪些站……域名和IP类的工具看起来杂,实际上每一类需求对应的工具都很固定。
| 需求 | 推荐工具 | 说明 |
|---|---|---|
| WHOIS查询 | whois.chinaz.com | 查域名注册信息、到期时间、注册商、DNS服务器。站长之家的WHOIS工具数据更新快,支持.cn/.com/.net等主流后缀。阿里云WHOIS也可以,但部分域名会隐藏注册人信息。 |
| DNS检测 | dnschecker.org | 全球DNS传播检测。刚改了域名解析,想看全球各地DNS服务器是否已经生效,用它选全球节点一查就知道。支持A/AAAA/CNAME/MX/TXT/NS等所有记录类型。 |
| IP归属/同IP站点 | ip138.com | 查IP归属地、运营商,以及"同IP网站查询"——看某个IP上挂了哪些域名。买服务器前可以查一下同IP邻居有没有被墙的站。 |
| Ping/路由追踪 | itdog.cn | 多节点Ping、TCPing、路由追踪。国内节点覆盖很全,测服务器在国内不同地区的连通性很方便。 |
| SSL证书检查 | myssl.com | 检查SSL证书链完整性、到期时间、加密算法强度。部署HTTPS后用它验证一下证书配置有没有问题。 |
注意:dnschecker.org查DNS传播时,选"全球节点"而不是只选国内。有时候你在阿里云改了DNS解析,国内已经生效了,但海外用户访问的还是旧IP。如果你网站面向海外用户,一定要看全球传播状态。
四、网站检测类:上线前后的质量检查清单
网站上线前和上线后,有几项检查是绕不开的:页面打开速度、死链、SEO基础状态、移动端适配。下面这些工具不用装任何插件,浏览器里就能跑完。
| 检测项 | 推荐工具 | 测什么 | 一句话点评 |
|---|---|---|---|
| 网站测速 | pagespeed.web.dev | Google官方工具,核心网页指标(LCP/FID/CLS) | 数据最权威,给出的优化建议直接对应Google排名因子 |
| 多节点测速 | 17ce.com | 全国多节点HTTP请求耗时、DNS解析耗时 | 看不同地区用户访问速度差异,排查CDN节点覆盖问题 |
| SEO综合查询 | seo.chinaz.com | 百度权重、关键词排名、收录量、外链分析 | 国内SEO数据最全,免费版够日常用 |
| 死链检测 | deadlinkchecker.com | 全站死链扫描、返回状态码 | 支持扫描整站,自动识别404/500等错误链接 |
| 移动端适配 | search.google.com/test/mobile-friendly | Google移动友好测试 | 直接告诉你页面在手机上是否可用,截屏预览效果 |
| 结构化数据 | search.google.com/test/rich-results | 检查Schema标记是否正确 | 部署结构化数据后必测,错误会详细列出 |
这里重点说一下PageSpeed Insights。很多人测完看到分数低就焦虑,其实不用太纠结那个分数本身。PageSpeed最有价值的是"建议"那一栏,它会告诉你具体哪些资源拖慢了页面、哪些图片没压缩、哪些JS阻塞了渲染。按建议一条条改,改完再测,比盯着分数看有用得多。
注意:移动友好测试和结构化数据测试都需要Google能访问你的网站。如果网站还在本地开发环境或者设置了IP白名单,Google是抓不到的。部署到公网后再测。
五、编码转换类:开发日常用的"瑞士军刀"
时间戳转日期、Base64编解码、URL编码、MD5加密……这些需求频率很高,但每次都要单独找工具很烦。所以我推荐用一个"工具箱"站点搞定,而不是每个功能收藏一个网站。
tool.lu — 老牌工具箱
时间戳、Base64、MD5、URL编码、UUID生成、随机密码……基础工具全覆盖。界面极简,无广告,加载快。做开发的日常编码转换需求这一个站就够了。

网址:tool.lu
tool.chinaz.com — 站长工具全家桶
除了编码转换,还有SEO查询、关键词挖掘、友链检测、网站分类目录等站长专属功能。功能比tool.lu更多,但界面相对复杂一些。
网址:tool.chinaz.com
bejson.com — JSON全家桶
如果主要需求是JSON相关(格式化、压缩、转XML/CSV/YAML、校验、diff对比),bejson比tool.lu更专业。JSON功能细分得很细。
网址:bejson.com
三个工具箱站,按需求选一个主力使用就行。tool.lu最轻量,日常编码够用;站长工具适合需要同时做SEO分析的场景;bejson适合后端开发、经常和API打交道的人。没必要三个都收藏,选一个顺手的设成浏览器首页都行。
六、站群/多站管理类:一个站和一百个站的工具需求完全不一样
前面五类工具,管一个站够用了。但如果你手上有10个、50个、甚至更多网站,每项操作都要一个一个打开网页、一个一个输入域名、一个一个看结果,效率完全撑不住。多站场景下,工具的选择逻辑要变。
一个站 vs 多个站,工具需求的核心变化
| 场景 | 一个站 | 50个站 |
|---|---|---|
| 域名管理 | 手动登录注册商后台查看 | 需要批量WHOIS到期提醒、统一续费管理 |
| 收录监控 | site:域名手动查 | 需要批量收录查询、排名变化趋势看板 |
| 死链/健康检查 | deadlinkchecker逐个跑 | 需要定时自动巡检、异常报警 |
| 内容更新 | 手动写、手动发 | 需要批量内容管理、差异化分发 |
| 推送收录 | 手动提交百度/Google | 需要API自动推送、多站批量提交 |
多站管理有几个核心需求是单站工具覆盖不了的:统一看板(一眼看到所有站的收录、排名、流量状态)、异常预警(某个站掉收录了、被黑了、SSL过期了能第一时间知道)、批量操作(批量提交收录、批量内容分发、批量模板切换)。
如果你在用WordPress搭多站,可以考虑WP多站点网络(Multisite),一个后台管理所有子站,插件和主题统一更新。但这只解决了"管理"的问题,没解决"差异化"的问题——每个站的内容、SEO策略、推送节奏还是需要单独操作。
真正要系统化地管理多站,需要的是把"建站—内容—SEO监控—推送"串起来的平台。比如UC建站系统这种方案,底层基于WordPress保证了生态兼容性,上层用AI管理层做多站内容差异化——不同站的内容角度、结构、关键词策略各不相同,但都在一个看板上统一监控索引量、排名变化和流量趋势。同时支持百度API推送和IndexNow双通道自动提交,文章发布后不需要手动一个一个去提交。对管几十个站的场景来说,这种"看板+自动化"的组合比一个个打开在线工具效率高得多。
多站监控看板
所有站点的索引量、关键词排名、流量趋势在一个面板上可视化呈现。哪个站掉收录了、哪个站流量异常波动,一眼就能看到,不需要一个个去site:查。
自动化推送
文章发布后自动通过百度API推送和IndexNow双通道提交给搜索引擎。不用每个站登录站长平台手动提交,也不用担心漏推。
内容差异化重组
AI按每个站的定位重新组织内容角度和结构,保证多站之间的内容不是简单复制粘贴。同一个关键词,不同站产出不同角度的文章。
独立部署隔离
每个站独立IP、独立备案、独立模板,从服务器层面就做好了隔离。比所有站挤在一台机器上、共用一套模板安全得多。
说穿了,工具的选择取决于你的规模。手里只有一两个站的时候,前面五类的在线工具完全够用,书签栏里放十几个网址就搞定了。当站多了以后,真正卡脖子的不是"某个功能有没有在线工具",而是"怎么批量、怎么自动化、怎么一眼看到全局"。这时候要考虑的不是再加几个书签,而是换一套能管全局的系统。
最后梳理一下
| 1 | 开发调试四个必开页面:regex101、caniuse、JSON格式化、prettier playground,建个书签文件夹一网打尽 |
| 2 | 图片处理TinyPNG解决日常压缩,Squoosh解决精细调参,Coolors搞定配色 |
| 3 | 域名/IP查whois.chinaz.com、dnschecker.org、ip138.com、itdog.cn就够了 |
| 4 | 网站检测核心是PageSpeed Insights和SEO综合查询,上线前后各跑一遍 |
| 5 | 编码转换选一个工具箱站点(tool.lu/站长工具/bejson)当主力,不用每个功能收藏一个 |
| 6 | 站多了以后,从"在线工具收藏夹"升级到"多站统一管理平台",效率差的不是几倍,是几十倍 |
这些工具大部分都是免费的,少数有付费高级版但不影响日常使用。建议把这篇页面加个书签,以后需要什么工具直接翻到对应分类就行,比在收藏夹里翻几十个网址快得多。
