新電腦配環境
「包倉庫與 CDN」一組：npm、PyPI 查版本與安裝命令，jsDelivr 直接按 URL 引用包內文件；配完再到「Git 與協作」拿 gitignore.io 與 GitHub CLI。
加載中…
使用指南
開發者常用站點導航收錄了 151 個寫代碼時真正會打開的地方，分十組：文檔與規範（MDN、Can I use、RFC、各語言官方文檔）、包倉庫與 CDN（npm、PyPI、Maven、Docker Hub、jsDelivr）、在線沙盒（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-292 个来源约 8 分钟读完
開發者常用站點導航收錄了 151 個寫代碼時真正會打開的地方，分十組：文檔與規範（MDN、Can I use、RFC、各語言官方文檔）、包倉庫與 CDN（npm、PyPI、Maven、Docker Hub、jsDelivr）、在線沙盒（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 解析、圖片壓縮這類會碰到敏感數據的操作尤其如此。
搜「api」得到的一組結果：
搜「jwt」同時命中本站與外站，並顯示兩者關係：
API 測試與調試
Hoppscotch 開源 Postman 替代，瀏覽器裏就能發請求，快且免登錄。 免費 · 免登錄
Bruno 離線優先的開源 API 客户端，集合是純文件，可提交進 Git。 免費
httpbin 請求回顯服務：看你發出的 header 與 body 到底長什麼樣。 免費 · API
Webhook.site 一次性 URL 接收任意請求並實時展示，調試回調必備。 免費
Apifox API 一體化平台（設計 / 調試 / Mock / 文檔），團隊版免費額度夠用。 免費 · 需登錄在線工具
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、Maven 這類倉庫是包的唯一權威來源：版本歷史、依賴關係、安裝命令都以倉庫頁面為準。jsDelivr、UNPKG 則把倉庫裏的文件直接暴露成 URL，適合在網頁裏引用單個文件，或快速翻看某個包的源碼。收錄時優先官方倉庫本身；企業內網或網絡受限的環境可以自建鏡像，但對外發布、版本查詢仍以官方倉庫為準。
多數狀態頁遵循 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 圖標不可用於免費版項目。設計資源的許可細節見 設計與創作資源導航。
「包倉庫與 CDN」一組：npm、PyPI 查版本與安裝命令，jsDelivr 直接按 URL 引用包內文件；配完再到「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 核對時已停更 / 轉付費 / 不可訪問，要麼它屬於某個語言生態的細分工具（不在通用範圍內）。
本頁優先收錄全球可用的服務：只服務單一地區網絡條件的鏡像站不在收錄範圍內。包本身的版本、文檔與簽名都以官方倉庫為準；網絡受限的環境可以自建鏡像，或參考官方倉庫自帶的鏡像與自託管文檔。
本批次不接受收錄申請（避免變成外鏈交易場）。站點變化會在後續批次核對時統一處理。
只在本機瀏覽器的 localStorage，不上傳、不跨設備。
導航數據隨頁面靜態加載，搜索、篩選、收藏在瀏覽器本地完成，本頁不向服務器發送任何請求，也不記錄你點擊了哪個外鏈。外鏈以新標籤頁打開並帶 rel="noopener noreferrer"，對方站點不會收到本頁的 Referer；打開後的行為由對方站點的隱私政策約束。本站工具（標「本站」的條目）同樣在瀏覽器本地運行，不上傳數據。
更新於 2026-09-29
151 個開發者常用站點：文檔規範、包倉庫、在線沙盒、狀態頁、在線工具、圖標字體配色、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 包註冊中心，看版本、周下載與依賴樹。
Python 包索引，看發佈歷史與支持的 Python 版本。
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 直接引用包內文件。
直接以 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 文檔並實時預覽、生成客户端代碼。
在線發 HTTP 請求並生成各語言代碼，不用裝客户端。
API 一體化平台（設計 / 調試 / Mock / 文檔），團隊版免費額度夠用。
開源世界的中心；大多數項目、Issue 與 Actions 都在這裏。
自帶 CI/CD 與 DevOps 全套，可自託管。
一個二進制文件就能跑的自託管 Git 服務，輕量到能放樹莓派。
輸入語言 / 框架 / 編輯器名，生成合並好的 .gitignore。
開源許可證怎麼選，一頁表格講清 MIT / Apache / GPL 的差別。
feat: / fix: / chore: 提交信息規範的官方説明。
語義化版本號規範中文版，^ 與 ~ 的行為以它為準。
CHANGELOG 怎麼寫的約定。
終端裏開 PR、看 Issue、跑 Actions，不用切瀏覽器。
手冊頁與 Pro Git 中文版，任何命令的最終解釋。
報錯信息直接搜，多數問題十年前就有人答過。
英文開發者博客平台，氛圍友好。
技術圈每日頭條，評論區常比正文有料。
完全免費的編程課程與認證，中文版完整。
70 多種語言的練習題帶人工導師點評，免費。
解「kata」升段位，看別人的最佳解法長見識。
給設計稿讓你實現，練真實項目式的前端。
幾百個短小的 JS / CSS / Python 代碼片段，複製即用。
設計模式圖文並茂，多語言示例，有中文版。
現代 Web 應用的設計 / 渲染 / 性能模式合集。
程序員話題社區，技術之外的職場與硬件討論也多。
中文入門教程站，語法速查夠用，深入要看官方文檔。
每週科技週刊與 ES6 / Bash 教程，中文技術寫作的範本。
跑 Lighthouse 並給出真實用户的 Core Web Vitals 數據。
選地區、設備、網絡條件做加載瀑布圖，比 Lighthouse 更接近真實。
給站點的 TLS 配置打分，找出弱密碼套件與證書鏈問題。
檢查 CSP、HSTS、X-Frame-Options 等安全響應頭。
Mozilla 的站點安全評分，附修復建議。
粘貼 CSP 策略，指出哪些指令形同虛設。
在線打包一段 import 看壓縮後體積，比 Bundlephobia 更靈活。
Performance 面板與 Memory 快照怎麼讀，官方教程最系統。
HTML 郵件裏哪些 CSS 能用，各客户端支持表。
全球多地 DNS 解析結果，改了記錄看傳播到哪了。
Web 安全十大風險，做安全自查的起點。
本站：本機瀏覽器、屏幕、WebGL 與 30+ 項能力檢測，一鍵複製報告給測試。