Setting up a new machine
In “Package registries and mirrors”: the setup commands for npmmirror, TUNA and the Alibaba Cloud mirror are all on their help pages; then grab gitignore.io and the GitHub CLI from “Git and collaboration”.
Guide
The developer sites directory gathers 159 places you genuinely open while writing code, in ten groups: documentation and specifications (MDN, Can I use, RFCs, the official docs of each language), package registries and mirrors (npm, PyPI, the Tsinghua / Alibaba / USTC mirrors, Docker Hub), online sandboxes (CodePen, StackBlitz, the TypeScript Playground, Compiler Explorer), status pages (GitHub, Cloudflare, npm, AWS), online tools (this site's JSON / regex / JWT / hash / cron utilities and a dozen more, plus explainshell, Excalidraw and Mermaid), icons / fonts / colour, API testing and debugging (Hoppscotch, Bruno, webhook.site, ngrok), Git and collaboration (hosting platforms, commit conventions, licence choice), learning and community, and performance, security and debugging.
Updated 2026-09-093 sources9 min read
The developer sites directory gathers 159 places you genuinely open while writing code, in ten groups: documentation and specifications (MDN, Can I use, RFCs, the official docs of each language), package registries and mirrors (npm, PyPI, the Tsinghua / Alibaba / USTC mirrors, Docker Hub), online sandboxes (CodePen, StackBlitz, the TypeScript Playground, Compiler Explorer), status pages (GitHub, Cloudflare, npm, AWS), online tools (this site's JSON / regex / JWT / hash / cron utilities and a dozen more, plus explainshell, Excalidraw and Mermaid), icons / fonts / colour, API testing and debugging (Hoppscotch, Bruno, webhook.site, ngrok), Git and collaboration (hosting platforms, commit conventions, licence choice), learning and community, and performance, security and debugging.
It differs from a bookmark-style directory in three ways. First, every entry has a one-line review written by the editor — what the site is good at, when to reach for it, where the traps are (“unstable over a direct connection, consider self-hosting”, “getting heavier and now wants a login”) — not the vendor's own slogan. Second, each entry carries four practical labels — free / login required / works in China / has API — with matching filter toggles; “works in China” is only applied conservatively, to sites confirmed to open directly. Third, work that toolun can do locally is linked to the on-site tool first (no upload, no login), and an off-site tool of the same kind is marked “Do it here” — especially for anything touching sensitive data, such as JWT decoding, regex testing, cron parsing or image compression.
Searching “mirror” returns:
Searching “jwt” hits both an on-site and an off-site entry, and shows how they relate:
Package registries and mirrors
npmmirror (Taobao mirror) Full npm mirror in China, synced every 10 minutes; one npm config set registry line. Free · Works in China
Tsinghua Open Source Mirror Mirrors of PyPI, Ubuntu, Anaconda, Homebrew and dozens more... Free · Works in China
Alibaba Cloud mirrors Covers Linux distributions, language packages, container images... Free · Works in China
USTC Open Source Mirror Long-running mirror; Arch, Debian and Rust crates sync promptly. Free · Works in China
jsDelivr Free CDN for npm and GitHub files, with nodes in China. Free · Works in ChinaOnline tools
JWT Decoder /tool/dev-jwt Decodes Header / Payload locally, shows expiry in human terms, token never leaves the browser. On-site
jwt.io jwt.io Auth0's JWT debugger plus a library list per language; for sensitive tokens use the offline version here. Do it here → dev-jwtAn entry has to satisfy three things. Opened often: it answers a need developers hit repeatedly (read docs, install packages, try code, send requests, check status, find icons) rather than merely being something you have heard of. Describable: the editor can say in one line how it differs from its peers; if two sites are indistinguishable, only one stays. Still alive: every entry was checked for reachability and maintenance on 2026-09-09, and abandoned sites or ones that moved behind a paywall were removed. Each group is kept to 10–30 entries — beyond that a directory degrades into a search engine result page.
Tools for JWTs, regexes, JSON and hashes are often fed real tokens, user data and internal endpoint structures. Pasting any of that into an off-site tool means the data left your machine — most such sites claim “client-side processing only”, and you cannot verify it. Every toolun tool runs locally in the browser, works offline and has inspectable code, so the same capability is linked here first; the off-site entries remain because they offer something the site does not (jwt.io's per-language library list, regex101's multiple engine dialects, Squoosh's per-format comparison), and their reviews say when you should still go there.
The origins for npm, PyPI, apt and Docker Hub live overseas, and a direct connection from China is slow or times out. A mirror syncs the full dataset from the origin on a schedule (npmmirror every 10 minutes, most TUNA sources within 6 hours), and you point your package manager's registry at it; package contents and signatures are unchanged. Pick these first: university mirrors (TUNA, USTC — non-commercial and comprehensive) and vendor mirrors (Alibaba Cloud, npmmirror — plenty of bandwidth). npm config set registry https://registry.npmmirror.com and pip config set global.index-url https://pypi.tuna.tsinghua.edu.cn/simple are the two commands people run most, and each mirror publishes per-system setup notes on its help page. Remember that a mirror only covers downloads: npm publish and pip upload still have to point at the origin.
Most status pages follow the Atlassian Statuspage pattern: green Operational, yellow Degraded, orange Partial Outage, red Major Outage, with 90-day history bars per component below and a timeline of open incidents. A sensible troubleshooting order: check Downdetector first (user reports arrive fastest) → then the official status page (to confirm the scope and the expected recovery) → then subscribe to RSS or email instead of refreshing. Official pages often lag by ten minutes or more and can stay green while the service is down — which is why this site's API connectivity test lets you fire a request at the few addresses you depend on and see the answer yourself.
CodePen and JSFiddle run your HTML / CSS / JS in an iframe: simple and fast, but front-end only. CodeSandbox originally ran full Node projects in cloud containers, while StackBlitz compiles the Node runtime to WebAssembly and runs it in the browser through WebContainers — sub-second starts, usable offline. The official language playgrounds (TypeScript, Rust, Go) are backed by server-side compilation or a WASM compiler, and the share link is the code itself, which makes them the standard way to attach a reproduction to an issue.
Icon sets and fonts are mostly MIT (Lucide, Heroicons, Tabler), CC0 (the glyph part of Simple Icons — trademark rights in a brand mark stay with the brand) or OFL (all of Google Fonts). OFL allows commercial use and web embedding but forbids selling the font files on their own, and a modified version must be renamed before distribution; Font Awesome's free tier is triple-licensed under CC BY 4.0 + SIL OFL + MIT, and the Pro icons cannot be used in a free-tier project. For the licensing detail of design assets see the design and creative resources directory.
In “Package registries and mirrors”: the setup commands for npmmirror, TUNA and the Alibaba Cloud mirror are all on their help pages; then grab gitignore.io and the GitHub CLI from “Git and collaboration”.
Pick by stack in “Online sandboxes”: StackBlitz or CodeSandbox for React / Vue, the TypeScript Playground for a pure type problem, DB Fiddle for SQL, Compiler Explorer for C++.
“API testing and debugging”: first watch what the other side actually sent with webhook.site, then expose your local service with ngrok or Cloudflare Tunnel to receive the real callback, and finally replay the request in Hoppscotch / Bruno.
Walk the “Performance, security and debugging” group from top to bottom: PageSpeed Insights, SSL Labs, Security Headers, CSP Evaluator.
Either a better site already covers the niche (only one entry per describable difference stays), or it had gone quiet, moved behind a paywall or become unreachable in the 2026-09 check, or it is a niche tool tied to one language ecosystem and so outside the general scope.
In the 2026-09-09 check, each site was opened over an ordinary home broadband connection from China, and the label was only applied when the main features loaded normally within seconds. Sites like GitHub and Google Fonts that “open but are not stable” do not get it, and their reviews suggest an alternative instead.
This batch does not take submissions (to avoid turning into a link marketplace). Site changes are handled in the next review batch.
In this browser's localStorage only — nothing is uploaded and nothing crosses devices.
The directory data loads statically with the page; search, filtering and bookmarks happen locally in the browser, this page sends no request to any server, and it does not record which outbound link you clicked. External links open in a new tab with rel="noopener noreferrer", so the destination never receives this page as its Referer; what happens after that is governed by their privacy policy. The on-site tools (entries marked “On-site”) also run in the browser and upload nothing.
Updated 2026-09-09
159 developer sites covering docs and standards, package registries and mirrors, sandboxes, status pages, online tools, design assets, API testing, Git collaboration, learning, performance, and security
rel="noopener noreferrer"dead links were checked on 2026-09-09.Web 平台的事实标准文档,中文翻译完整,兼容性表随手可查。
Google 的 Web 最佳实践与性能指南,Core Web Vitals 的官方出处。
查某个 CSS / JS 特性哪些浏览器支持,写兼容代码前必看。
几十种语言与框架文档聚合到一个可离线的搜索框里,切换极快。
JavaScript 新语法处于第几阶段,看这里而不是看传闻。
HTML 的活标准原文,解析器行为与实体表以它为准。
CSS 各模块规范索引,查属性精确定义与取值语法。
HTTP、TLS、JSON、URI 等协议的原始文本,HTTP 语义见 RFC 9110。
按版本切换的 API 文档,每个方法标注稳定性等级。
官方手册从入门到类型体操,配合 Playground 边看边试。
2023 重写的新文档以 Hooks 为中心,中文版同步度高。
中文官方文档质量是框架文档里的标杆,含交互式教程。
标准库参考完整,中文版由社区持续翻译。
Rust 官方入门书,所有权章节讲得比多数博客清楚。
一页一个 Go 概念加可运行示例,半天过完基础。
一份注释齐全的代码文件带你速览一门语言语法。
前端 / 后端 / DevOps 等学习路线图,知道该学什么、顺序如何。
160 条命令 + 选项表 + 按目标反查 + 练习终端,都在本站。
149 条 Git 命令带危险等级与示意图,附可练习的模拟终端。
每个状态码的语义、场景、前后端处理与误用,一页看完。
JavaScript 包注册中心,看版本、周下载与依赖树。
国内 npm 全量镜像,10 分钟同步;npm config set registry 一行搞定。
Python 包索引,看发布历史与支持的 Python 版本。
PyPI、Ubuntu、Anaconda、Homebrew 等几十个源的镜像,帮助页直接给配置命令。
覆盖 Linux 发行版、语言包、容器镜像,配置指南按系统版本给。
老牌镜像站,Arch、Debian、Rust crates 同步及时。
Java / Kotlin 依赖坐标查询,直接复制 Gradle 或 Maven 片段。
Rust 包仓库,每个 crate 链到 docs.rs 的自动生成文档。
官方镜像有 Docker Official Image 标记,看 tag 列表与 Dockerfile。
Go 模块文档与版本,导入路径即地址。
PHP Composer 包仓库。
Ruby gem 仓库。
.NET 包仓库,看目标框架兼容性。
查 macOS / Linux 上某个软件的 brew 包名与依赖。
装这个 npm 包会让打包体积增加多少,装之前查一下。
几个同类包的下载量曲线对比,选型时看趋势而不是星标。
npm 与 GitHub 文件的免费 CDN,国内有节点。
直接以 URL 访问 npm 包里任意文件,看源码很方便。
前端三件套即写即看,社区作品是学 CSS 动效的好素材。
完整前端项目在线跑,可导入 GitHub 仓库复现 bug。
WebContainers 让 Node 项目在浏览器里跑,启动比 CodeSandbox 快。
最老牌的前端 fiddle,轻量无需登录。
几十种语言的云端 IDE,适合教学与小实验。
调类型、看编译产物、切编译选项,分享链接即代码。
在线编译运行 Rust,能看 MIR 与汇编。
Go 官方沙盒,Issue 里贴复现代码的标准方式。
C/C++/Rust 等源码与汇编逐行对照,看编译器到底做了什么。
浏览器里跑 SQL,支持导入 CSV,练 SQL 不用装数据库。
MySQL / PostgreSQL / SQLite 建表加查询,分享链接复现 SQL 问题。
Vue 官方单文件组件沙盒,能看编译输出。
Svelte 官方沙盒,教程与示例都在里面。
看新语法被编译成什么样的 ES5。
正则逐段解释与调试,支持多种引擎方言。
浏览器里的 JupyterLab(基于 WebAssembly),试 Python 数据分析无需安装。
Actions 排队、push 失败先看这里,有 RSS 可订阅。
按数据中心列出的状态,半个互联网出问题时它最先变黄。
npm install 全部超时时先确认不是注册中心故障。
AWS 各区域服务状态,历史事件可回溯。
部署卡住、边缘函数报错时看。
API 429 / 5xx 激增时确认是不是平台侧问题。
靠用户上报判断主流服务是否宕机,比官方状态页反应快。
阿里云各地域产品的健康状态与历史事件。
本站小工具:对一批地址发请求看状态码与耗时,排查是不是自己网络的问题。
格式化、压缩、校验、去转义,报错精确到行列。
JSON / YAML / XML / CSV 六向互转。
匹配高亮、捕获组、替换预览与常用速查。
本地解码 Header / Payload,过期时间人性化显示,token 不出浏览器。
文本与文件双向,支持 URL-safe 变体。
MD5 / SHA 系列 / HMAC,文件校验也行。
Unix 时间戳与日期互转,多时区。
翻译成中文并预览未来 10 次执行时间。
编解码与查询参数表格化编辑。
HEX / RGB / HSL 互转、色阶与对比度检查。
JS / CSS / HTML / SQL 格式化。
HTML 实体、JSON 字符串、Unicode 转义互转。
CIDR 算网络、广播、主机范围,按需拆分子网。
勾选权限得到 755 / 644 与符号写法。
把一条 docker run 变成 compose.yaml。
Auth0 维护的 JWT 调试器与各语言库列表;解码敏感 token 建议用本站离线版。
Cron 表达式英文解释器,例子丰富。
粘一条复杂 shell 命令,逐个参数对照 man 页解释。
Shell 脚本静态检查,能抓住引号与变量展开的经典坑。
把代码片段做成漂亮的图片,发社交媒体用。
Raycast 出的代码截图工具,风格更现代。
手绘风白板画架构图,本地存储,可导出 SVG / PNG。
用文本写流程图 / 时序图 / 类图,Markdown 里也能渲染。
JSON 转 TS 类型、SVG 转 JSX、CSS 转 Tailwind 等几十种转换。
从 JSON 样本生成多种语言的类型定义。
Google 的浏览器端图片压缩,逐格式对比;本站图片压缩可批量。
批量检查一组 URL 的状态码与重定向链。
Feather 的社区延续,1500+ 线性图标,React / Vue 包齐全(本站用的就是它)。
Tailwind 团队出品,实心 / 线性两套,风格干净。
5000+ 图标,覆盖面最广的免费线性图标集之一。
基于 Iconify 的图标搜索器,跨几十个图标集搜一个词。
3000+ 品牌 Logo 的 SVG 与品牌色,做「登录方式」图标必备。
最老牌的图标字体,免费版 2000+,Pro 收费。
免费开源字体库;国内直连不稳,建议自托管或用 Fontsource。
把 Google Fonts 打成 npm 包自托管,不依赖第三方 CDN。
Google Fonts 的隐私友好镜像,API 兼容改个域名即可。
空格键随机生成配色,锁定喜欢的色再刷。
把配色直接套在一个示例页面上看效果,避免纸上好看。
输入一个色值生成 Tailwind 风格的 50–950 色阶。
为无障碍设计的 12 级色阶系统,深浅模式成对。
前景 / 背景对比度是否达到 WCAG AA / AAA。
README 里的徽章生成器,版本、下载量、CI 状态。
本站:一张图生成全套 favicon 与 manifest 图标。
功能最全的 API 客户端,团队协作强但越来越重且需登录。
开源、浏览器里直接用的 Postman 替代,轻快免登录。
离线优先的开源 API 客户端,集合存成文本文件可进 Git。
Kong 出品,GraphQL 与 gRPC 支持好。
请求回显服务:测试你的客户端发出去的头、body 到底长什么样。
假的 REST API(帖子、用户、评论),写前端 demo 时当后端。
给你一个临时 URL 接收任何请求并实时显示,调试回调神器。
把本地端口暴露成公网 HTTPS 地址,微信 / 支付回调本地调试必备。
免费的内网穿透,配自己域名,比 ngrok 免费版限制少。
桌面端 mock 服务器,几分钟搭一个假接口给前端联调。
在浏览器 / Node 里拦截请求做 mock,测试与开发共用一套 handler。
写 OpenAPI 文档并实时预览、生成客户端代码。
国产 API 一体化平台(设计 / 调试 / Mock / 文档),团队版免费额度够用。
在线发 HTTP 请求并生成各语言代码,不用装客户端。
开源世界的中心;国内直连时好时坏,克隆慢可用镜像加速。
自带 CI/CD 与 DevOps 全套,可自托管。
国内代码托管,GitHub 仓库一键导入同步,速度快。
一个二进制文件就能跑的自托管 Git 服务,轻量到能放树莓派。
输入语言 / 框架 / 编辑器名,生成合并好的 .gitignore。
开源许可证怎么选,一页表格讲清 MIT / Apache / GPL 的差别。
feat: / fix: / chore: 提交信息规范的官方说明。
语义化版本号规范中文版,^ 与 ~ 的行为以它为准。
CHANGELOG 怎么写的约定。
终端里开 PR、看 Issue、跑 Actions,不用切浏览器。
手册页与 Pro Git 中文版,任何命令的最终解释。
报错信息直接搜,多数问题十年前就有人答过。
国内前端 / 后端技术社区,翻译与教程多。
中文技术问答社区。
程序员话题社区,技术之外的职场与硬件讨论也多。
英文开发者博客平台,氛围友好。
技术圈每日头条,评论区常比正文有料。
完全免费的编程课程与认证,中文版完整。
中文入门教程站,语法速查够用,深入要看官方文档。
算法题库中文站,面试刷题标配。
70 多种语言的练习题带人工导师点评,免费。
解「kata」升段位,看别人的最佳解法长见识。
给设计稿让你实现,练真实项目式的前端。
几百个短小的 JS / CSS / Python 代码片段,复制即用。
每周科技周刊与 ES6 / Bash 教程,中文技术写作的范本。
设计模式图文并茂,多语言示例,有中文版。
现代 Web 应用的设计 / 渲染 / 性能模式合集。
跑 Lighthouse 并给出真实用户的 Core Web Vitals 数据。
选地区、设备、网络条件做加载瀑布图,比 Lighthouse 更接近真实。
给站点的 TLS 配置打分,找出弱密码套件与证书链问题。
检查 CSP、HSTS、X-Frame-Options 等安全响应头。
Mozilla 的站点安全评分,附修复建议。
粘贴 CSP 策略,指出哪些指令形同虚设。
在线打包一段 import 看压缩后体积,比 Bundlephobia 更灵活。
Performance 面板与 Memory 快照怎么读,官方教程最系统。
HTML 邮件里哪些 CSS 能用,各客户端支持表。
全球多地 DNS 解析结果,改了记录看传播到哪了。
Web 安全十大风险,做安全自查的起点。
本站:本机浏览器、屏幕、WebGL 与 30+ 项能力检测,一键复制报告给测试。