移動端友好度檢測

📖 工具介紹

移動端友好度是搜尋引擎排序的重要因素，也是影響手機使用者跳出率的關鍵。本工具在瀏覽器本地解析貼上的 HTML 原始碼，逐項檢查八類常見問題：是否設定 viewport 且包含 width=device-width、是否禁止使用者縮放、是否存在小於 12 畫素的字號、是否存在小於 44 畫素的點選區域、是否存在超過 320 畫素的固定寬度、是否殘留 object 或 embed 等過時外掛、圖片是否缺少 alt 屬性、以及原始碼體積是否偏大。每項給出透過、注意或不合格的判定並附說明，最終彙總為百分制評分。原始碼只在本機解析，不會上傳到任何伺服器。常見使用場景包括：改版後自檢移動端適配、排查手機端橫向滾動問題、檢查是否誤加了禁止縮放、以及在提交給客戶前做一輪適配體檢。UTM 引數一旦寫入連結便難以追溯修改，因此建議在投放前先用本工具生成並核對，避免上線後發現來源寫錯導致資料無法歸因。utm_source 與 utm_medium 是必填的核心維度，前者標識具體渠道，後者標識流量性質，兩者組合才能區分來自同一平臺的不同投放形式。分析工具對大小寫敏感，保持命名規範可避免同一渠道被拆成多條記錄。評分僅反映靜態原始碼層面的常見風險，不等於終端使用者體驗，建議與真實裝置的載入測試結合使用。對於採用響應式佈局的頁面，重點確認斷點設定是否合理，以及圖片是否使用了可伸縮的寬度寫法而非固定畫素。

✨ 功能特點

• 八項指標：viewport、縮放、字號、點選區、固定寬度、外掛、alt、體積全覆蓋
• 本地解析：用瀏覽器內建的 DOMParser 解析，原始碼不上傳
• 百分制評分：按問題嚴重程度扣分，給出總分與總體評價
• 問題定位：每項問題都給出具體數量，便於針對性修改
• 一鍵示例：內建包含多處問題的示例原始碼，可快速瞭解檢查邏輯

🚀 使用方法

1. 貼上網頁 HTML 原始碼；
2. 點選「開始檢測」；
3. 檢視各項判定與說明；
4. 按提示修改後重新檢測。