完全在瀏覽器內執行的開發者工具
這一類工具處理的是你平常會隨手貼進線上工具的東西：正式環境的 schema、認證用的 token 與 API 回應。它們全部在本機執行，這些內容不會離開你的電腦。
選一個工具
四個工具各自處理哪一段工作
- 接手一個不熟的資料庫，想先看清楚有哪些表、表跟表之間怎麼接，用JSON 轉 ERD。
- 想確認某個端點實際回傳什麼，但不想為了一次性的測試裝一套桌面軟體，用API 呼叫器。
- API 一直回 401，要看那張 token 是過期了還是少了權限，用JWT 解碼器。
- 拿到一大包回應，只想把其中一個欄位的值整列取出來貼進試算表或測試資料，用JSON 欄位擷取器。
四個工具常常接在一起用：先用 JWT 解碼器確認手上的 token 還有效，用 API 呼叫器打一次端點， 把回應貼進欄位擷取器取出要比對的欄位，需要對照資料表結構時再開 ERD。
為什麼這一類工具特別在意不上傳
這三件事的輸入幾乎都是不該外流的東西：正式環境的資料表結構、還沒公開的 API 端點、 夾在 header 裡的 token、回應裡的真實資料。把這些貼進一個會送到伺服器的線上工具， 等於是把它們交給一個你沒辦法稽核的第三方。
這裡的做法是讓運算全部發生在你的分頁裡，不留任何送出去的路徑。 想確認的話按 F12 打開開發者工具的網路分頁，操作一輪，看有沒有請求把你的內容帶出去。
共同的限制
- 不會連你的資料庫。ERD 吃的是你自己跑查詢匯出來的 JSON，不是連線字串。
- 不會代你發請求。API 呼叫器用的是你瀏覽器的 fetch，所以只打得動有開 CORS 的服務。
- 不會把設定存到伺服器。存檔寫進瀏覽器本機，換一台電腦就不在了。
- 處理規模受限於分頁的記憶體，極大的 schema 或回應會明顯變慢。