F12 | Inspect Element, Console

我開發 F12 瀏覽器是因為我厭倦了每次想快速檢查行動裝置佈局或 API 呼叫時都要用數據線把手機連到電腦上。

首先聲明：這只是一個業餘項目，旨在用於快速檢查、學習和嘗試。它絕對不能取代桌面版 Chrome 開發者工具或你在工作中進行真正的遠端除錯。

你可以用它做以下幾件事：

直接在頁面中執行 JS 程式碼片段，查看其運行結果。

在 HTML 樹中點選瀏覽，查看類別、樣式並高亮顯示元素。

即時查看 fetch 和 XHR 調用，以便檢查狀態碼並讀取 JSON 資料。

開啟網路請求，查看請求頭和查詢參數。

調出頁面載入的媒體鏈接，例如圖片或視訊串流。

查看控制台日誌和錯誤訊息。

如果你是學生，或對行動網站底層運作方式感興趣，又或只是想在離開辦公桌時快速檢查 API 是否正常運作，希望它能對你有幫助。