頁面檢查器

頁面檢查器是一個免費的網頁分析器，揭示任何即時站點是如何建構的：它算繪的字型、調色盤、每張圖片和內嵌 SVG、連結，以及快速的技術概覽。它完全在你的瀏覽器中執行、不上傳，因此是一種快速、私密的方式來尋找網站字型、擷取網站顏色、稽核圖片或取得 SVG 圖示 —— 無論你是逆向版面的設計師、除錯的開發者，還是純粹好奇的人。

使用方法

1. 試試上面的即時示範 —— 它在概覽、字型、顏色、圖片、SVG 和連結標籤中分析本頁。
2. 要檢查任何其他站點，把下面的 頁面檢查器 按鈕拖到書籤列。
3. 開啟任意網站並點擊書籤 —— 一個面板會在其上開啟。
4. 切換標籤來閱讀它的字型、複製 hex 顏色、開啟圖片，或複製內嵌 SVG 標記。

它檢查什麼

1. 字型 —— 實際算繪的字型族，連同字重和斜體，按使用量排序。
2. 顏色 —— 文字、背景和邊框顏色以 hex 表示，按頻率排序，讓品牌色先浮現。
3. 圖片 —— 每個 <img> 以及 CSS 背景圖片，連同格式和原始尺寸。
4. SVG —— 內嵌 SVG 圖示，帶預覽和一鍵檢視標記。
5. 連結 —— 所有連結分為內部和外部。
6. 概覽 —— 標題、meta 描述、canonical、DOM 節點數、指令碼/樣式表數量，以及大致的 HTML 大小。

因為它讀取算繪後的頁面，所以回報使用者實際看到的字型和顏色，而不僅是樣式表中宣告的。要建構它呈現的 SEO 標籤，請搭配 Meta 標籤產生器 使用。

負責任地使用

頁面檢查器是一個用於分析頁面結構、樣式和媒體的開發與學習工具 —— 與你瀏覽器內建的開發者工具已經公開的資訊相同。它不複製、儲存或再散布內容：圖片和影片在新分頁中開啟，SVG 程式碼僅供檢視。你檢視的所有圖片、影片和 SVG 仍然是其原始所有者（網站及其作者）的財產。你對如何使用它呈現的內容負全部責任；未經許可請勿再用受版權保護的資產。請參閱我們的 使用條款。