工具庫

目前工具庫會改成 Astro 靜態頁搭配 React island,保留現在 WP 站的寬版工具閱讀節奏。

CSV 公式注入檢查器

工具庫

貼上 CSV、TSV 或分號分隔資料,檢查以 =、+、-、@ 等字元開頭的欄位,並產生加上防護前綴的 CSV 內容。

小豬

Webhook HMAC 簽章檢查器

工具庫

輸入 webhook shared secret、payload 原文與收到的 signature header,在瀏覽器端產生 HMAC SHA-256 簽章並比對 hex、base64 或常見前綴格式。

小豬

Accept-Language Header 產生器

工具庫

輸入語言代碼與權重,快速產生 Accept-Language header,並檢查重複語系、q 值範圍與瀏覽器語言偏好常見設定問題。

小豬

Open Redirect 參數檢查器

工具庫

貼上含有 return、next、redirect_uri 等參數的網址,快速檢查是否導向未允許網域、危險協定或可疑編碼,整理成可複製的測試摘要。

小豬

CLS 版面位移預算計算器

工具庫

輸入 viewport、元素位置、尺寸與位移距離,估算每個版面位移事件的 CLS 分數、總分風險與優先修正項目。

小豬

CSS Media Query Range 產生器

工具庫

輸入響應式斷點,產生 min-width、max-width、only range media query、CSS 變數與斷點檢查提醒。

小豬

API 分頁抓取時間規劃器

工具庫

輸入資料筆數、每頁筆數、API rate limit、延遲與重試比例,估算分頁抓取請求數、節流間隔、批次大小與同步完成時間。

小豬

CSS z-index 層疊順序檢查器

工具庫

輸入元素的 position、z-index、opacity、transform、isolation 與 contain 條件,快速判斷 stacking context 來源與可能覆蓋順序。

小豬

Responsive Image Srcset 產生器

工具庫

輸入圖片原始尺寸、輸出寬度、檔名樣板與 sizes 模式,快速產生 responsive image 的 srcset、HTML 與 aspect-ratio CSS。

小豬

Webhook Payload Size 估算器

工具庫

貼上 webhook payload 與 header,輸入 endpoint、事件量與重試次數,估算單次大小、限制占比與每日資料傳輸量。

小豬

CSS 觸控目標尺寸檢查器

工具庫

輸入按鈕文字、字級、padding、固定寬高與相鄰間距,快速估算手機觸控目標是否太小,並產生可複製的 CSS 建議。

小豬

localStorage 容量估算器

工具庫

貼上準備存入 localStorage 的 JSON 或文字,設定 key 前綴、item 數與假設配額,估算 UTF-16 用量、剩餘容量與超額風險。

小豬