網頁與開發者

開發者工具的運作方式

貼上比對模式、權杖或酬載，就會在這個分頁中邊輸入邊檢查。簽章由瀏覽器的 Web Crypto 計算，HTML 讀取時不會執行其中的指令碼。頁面不會送出任何請求，因此正式環境的權杖或 webhook 密鑰絕不會傳送到任何地方。

哪個工具解決哪個問題

• 比對結果不如預期：測試正規表示式，可看到醒目標示的比對結果與白話的說明。
• 從 API 拿到權杖：解碼 JWT，查看到期時間並驗證簽章。
• 排程在奇怪的時間執行：解讀 cron 運算式，並列出接下來的執行時間。
• 酬載被拒絕：依 JSON Schema 驗證，或與能正常運作的內容比對。
• Webhook 簽章驗證失敗：找出原因，適用於 GitHub、Stripe、Slack、Shopify 或任何 HMAC。
• API 有 OpenAPI 檔案卻沒有範例：建立請求，產生 curl、fetch 或 Python 格式。
• 別人寫的 SQL 不易理解：視覺化查詢，逐步檢視。
• 頁面可能不易用螢幕閱讀器操作：檢查無障礙。
• CSS 規則沒有生效：計算特異性，看看哪條規則會勝出。