移动端友好度检测

📖 工具介绍

移动端友好度是搜索引擎排序的重要因素，也是影响手机用户跳出率的关键。本工具在浏览器本地解析粘贴的 HTML 源码，逐项检查八类常见问题：是否设置 viewport 且包含 width=device-width、是否禁止用户缩放、是否存在小于 12 像素的字号、是否存在小于 44 像素的点击区域、是否存在超过 320 像素的固定宽度、是否残留 object 或 embed 等过时插件、图片是否缺少 alt 属性、以及源码体积是否偏大。每项给出通过、注意或不合格的判定并附说明，最终汇总为百分制评分。源码只在本机解析，不会上传到任何服务器。常见使用场景包括：改版后自检移动端适配、排查手机端横向滚动问题、检查是否误加了禁止缩放、以及在提交给客户前做一轮适配体检。UTM 参数一旦写入链接便难以追溯修改，因此建议在投放前先用本工具生成并核对，避免上线后发现来源写错导致数据无法归因。utm_source 与 utm_medium 是必填的核心维度，前者标识具体渠道，后者标识流量性质，两者组合才能区分来自同一平台的不同投放形式。分析工具对大小写敏感，保持命名规范可避免同一渠道被拆成多条记录。评分仅反映静态源码层面的常见风险，不等于最终用户体验，建议与真实设备的加载测试结合使用。对于采用响应式布局的页面，重点确认断点设置是否合理，以及图片是否使用了可伸缩的宽度写法而非固定像素。

✨ 功能特点

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

🚀 使用方法

1. 粘贴网页 HTML 源码；
2. 点击「开始检测」；
3. 查看各项判定与说明；
4. 按提示修改后重新检测。