这里推荐使用 Edge 浏览器的 wattspeed 插件，Chrome 浏览器的 lighthouse 插件。
1.Edge 浏览器的 Wattspeed 插件
界面效果：
功能：
- 检测 Web 页面 HTML5 错误
- 检测代码书写规范问题
- 检测页面速度
- 检测人性化设置（考虑屏幕阅读器的使用体验）
- 检测页面使用的技术
- 给 Web 页面评分
注意事项：
- 使用时需要科学上网（否则可能体验极差）
安装：
- 到 Edge 浏览器扩展里面搜索 wattspeed 即可下载
使用：
- 一般单击地址栏右侧对应的扩展按钮即可
2.Chrome 浏览器的 Lighthouse 插件
界面效果：
功能：
- 给 Web 页面评分
- 测速 Web 页面
- 检查 Web 页面的问题并给出提示
- 评分页面 SEO 情况
注意事项：
- 需要科学上网进行安装
- 使用时不需要科学上网
安装：
- 科学上网，然后到 Chrome 浏览器扩展中搜索下载
使用：（如下图）
- 按 F12 打开控制台
- 选择 lighthouse 选项（没有的话点击双箭头图标在里面选择 lighthouse）
- 单击 Generate report 按钮即可