这里推荐使用 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 按钮即可