新電腦配環境
「包倉庫與鏡像源」一組:npmmirror、TUNA、阿里雲鏡像的配置命令都在幫助頁裏;配完再到「Git 與協作」拿 gitignore.io 與 GitHub CLI。
使用指南
開發者常用站點導航收錄了 159 個寫代碼時真正會打開的地方,分十組:文檔與規範(MDN、Can I use、RFC、各語言官方文檔)、包倉庫與鏡像源(npm、PyPI、清華 / 阿里 / 中科大鏡像、Docker Hub)、在線沙盒(CodePen、StackBlitz、TypeScript Playground、Compiler Explorer)、狀態頁(GitHub、Cloudflare、npm、AWS)、在線工具(本站的 JSON / 正則 / JWT / 哈希 / Cron 等十幾個,加上 explainshell、Excalidraw、Mermaid)、圖標 / 字體 / 配色、API 測試與調試(Hoppscotch、Bruno、webhook.site、ngrok)、Git 與協作(託管平台、提交規範、許可證選擇)、學習與社區、性能安全與調試。
更新於 2026-09-093 个来源约 9 分钟读完
開發者常用站點導航收錄了 159 個寫代碼時真正會打開的地方,分十組:文檔與規範(MDN、Can I use、RFC、各語言官方文檔)、包倉庫與鏡像源(npm、PyPI、清華 / 阿里 / 中科大鏡像、Docker Hub)、在線沙盒(CodePen、StackBlitz、TypeScript Playground、Compiler Explorer)、狀態頁(GitHub、Cloudflare、npm、AWS)、在線工具(本站的 JSON / 正則 / JWT / 哈希 / Cron 等十幾個,加上 explainshell、Excalidraw、Mermaid)、圖標 / 字體 / 配色、API 測試與調試(Hoppscotch、Bruno、webhook.site、ngrok)、Git 與協作(託管平台、提交規範、許可證選擇)、學習與社區、性能安全與調試。
它和「收藏夾式」導航站的區別有三點。第一,每條都有編者自己寫的一句話評價——這個站好在哪、什麼時候用它、有什麼坑(「國內直連不穩,建議自託管」「越來越重且需登錄」),不是抄官網 slogan。第二,每條標註了免費 / 需登錄 / 國內可用 / 有 API 四個實用屬性,並提供對應的篩選開關;「國內可用」按保守原則標註,只給確定能直連的。第三,能在 toolun 本地完成的事優先鏈到本站工具(不上傳、無登錄),外站的同類工具標「本站可做」——JWT 解碼、正則測試、Cron 解析、圖片壓縮這類會碰到敏感數據的操作尤其如此。
搜「鏡像」得到的一組結果:
搜「jwt」同時命中本站與外站,並顯示兩者關係:
包倉庫與鏡像源
npmmirror(淘寶鏡像) 國內 npm 全量鏡像,10 分鐘同步;npm config set registry 一行搞定。 免費 · 國內可用
清華大學開源軟件鏡像站 PyPI、Ubuntu、Anaconda、Homebrew 等幾十個源的鏡像…… 免費 · 國內可用
阿里雲開源鏡像站 覆蓋 Linux 發行版、語言包、容器鏡像…… 免費 · 國內可用
中科大開源鏡像站 老牌鏡像站,Arch、Debian、Rust crates 同步及時。 免費 · 國內可用
jsDelivr npm 與 GitHub 文件的免費 CDN,國內有節點。 免費 · 國內可用在線工具
JWT 解析 /tool/dev-jwt 本地解碼 Header / Payload,過期時間人性化顯示,token 不出瀏覽器。 本站
jwt.io jwt.io Auth0 維護的 JWT 調試器與各語言庫列表;解碼敏感 token 建議用本站離線版。 本站可做 → dev-jwt一條能進這張表要滿足三件事。會打開:它解決的是開發者反覆出現的需求(查文檔、裝包、試代碼、發請求、看狀態、找圖標),而不是「聽説過」;能説清:編者能用一句話説出它相對同類的差別,説不出差別的同類站只留一個;還活着:2026-09-09 逐條核對可訪問且仍在維護,停更或改成付費牆的會被移除。每組條目控制在 10–30 個——多於這個數字,導航就退化成搜索引擎結果頁。
JWT、正則、JSON、哈希這些工具的輸入經常包含真實的 token、用户數據、內部接口結構。把它們粘進任何外站都意味着數據離開了你的機器——多數外站聲稱「純前端處理」,但你無法驗證。toolun 的工具全部在瀏覽器本地運行、可離線、代碼可審查,所以同類能力優先鏈本站;外站保留,是因為它們有本站沒有的東西(jwt.io 的各語言庫列表、regex101 的多引擎方言、Squoosh 的逐格式對比),卡片評價裏會寫明「什麼時候仍該去外站」。
npm、PyPI、apt、Docker Hub 的源站在海外,國內直連慢或超時。鏡像站定期(npmmirror 10 分鐘、TUNA 多數源 6 小時內)從源站同步全量數據,你把包管理器的 registry 指向鏡像即可,包內容與簽名不變。選擇原則:優先高校鏡像(TUNA、USTC,非商業、覆蓋全)與大廠鏡像(阿里雲、npmmirror,帶寬足);npm config set registry https://registry.npmmirror.com、pip config set global.index-url https://pypi.tuna.tsinghua.edu.cn/simple 是兩條最常用的命令,各鏡像站幫助頁都有按系統的配置説明。注意鏡像只解決下載,npm publish、pip upload 仍要指回源站。
多數狀態頁遵循 Atlassian Statuspage 的樣式:綠色 Operational、黃色 Degraded、橙色 Partial Outage、紅色 Major Outage,下方是按組件的 90 天曆史條與正在處理的 Incident 時間線。排障順序建議:先看 Downdetector(用户上報最快)→ 再看官方狀態頁(確認範圍與預計恢復)→ 訂閲 RSS 或郵件而不是反覆刷新。官方狀態頁往往滯後十幾分鍾,且會「綠着掛」——所以本站的 API 連通性測試 讓你對自己依賴的幾個地址直接發請求看結果。
CodePen / JSFiddle 在 iframe 裏跑你的 HTML / CSS / JS,簡單快速但只能做前端頁面;CodeSandbox 早期用雲端容器跑完整 Node 項目,StackBlitz 則用 WebContainers 把 Node 運行時編譯成 WebAssembly 在瀏覽器裏跑,啓動秒級、斷網可用。語言官方 Playground(TypeScript、Rust、Go)背後是服務端編譯或 WASM 編譯器,分享鏈接就是代碼本身,是提 Issue 時給復現的標準方式。
圖標庫與字體多數用 MIT(Lucide、Heroicons、Tabler)、CC0(Simple Icons 的圖形部分——品牌 Logo 本身的商標權仍歸品牌方)或 OFL(Google Fonts 全部字體)。OFL 允許商用與嵌入網頁,但禁止單獨出售字體文件,且改名後才能分發修改版;Font Awesome 免費版是 CC BY 4.0 + SIL OFL + MIT 三重許可,Pro 圖標不可用於免費版項目。設計資源的許可細節見 設計與創作資源導航。
「包倉庫與鏡像源」一組:npmmirror、TUNA、阿里雲鏡像的配置命令都在幫助頁裏;配完再到「Git 與協作」拿 gitignore.io 與 GitHub CLI。
「在線沙盒」按框架選:React / Vue 項目用 StackBlitz 或 CodeSandbox,純 TS 類型問題用 TypeScript Playground,SQL 問題用 DB Fiddle,C++ 用 Compiler Explorer。
「API 測試與調試」:先用 webhook.site 看對方到底發了什麼,再用 ngrok 或 Cloudflare Tunnel 把本地服務暴露出去接真實回調,最後用 Hoppscotch / Bruno 重放請求。
「性能、安全與調試」從上到下過一遍:PageSpeed Insights、SSL Labs、Security Headers、CSP Evaluator。
要麼同類裏已有更好的一個(每組只留能説出差別的),要麼 2026-09 核對時已停更 / 轉付費 / 不可訪問,要麼它屬於某個語言生態的細分工具(不在通用範圍內)。
2026-09-09 從國內普通寬帶直連測試,能在幾秒內正常打開主要功能才標註。GitHub、Google Fonts 這類「能開但不穩」的不標,卡片評價裏給替代方案。
本批次不接受收錄申請(避免變成外鏈交易場)。站點變化會在後續批次核對時統一處理。
只在本機瀏覽器的 localStorage,不上傳、不跨設備。
導航數據隨頁面靜態加載,搜索、篩選、收藏在瀏覽器本地完成,本頁不向服務器發送任何請求,也不記錄你點擊了哪個外鏈。外鏈以新標籤頁打開並帶 rel="noopener noreferrer",對方站點不會收到本頁的 Referer;打開後的行為由對方站點的隱私政策約束。本站工具(標「本站」的條目)同樣在瀏覽器本地運行,不上傳數據。
更新於 2026-09-09
159 個開發者常用站點:文檔規範、包倉庫與鏡像源、在線沙盒、狀態頁、在線工具、圖標字體配色、API 測試、Git 協作、學習社區、性能安全;每條一句編者評價,標註免費 / 需登錄 / 國內可用,本站工具優先,可收藏
此工具尚未完整翻譯,部分內容使用源文或回退語言。
rel="noopener noreferrer"。死鏈核對: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+ 项能力检测,一键复制报告给测试。