17、PWA开发评估与部署工具指南

PWA开发评估与部署工具指南

1. Lighthouse工具介绍

Lighthouse是一款用于评估渐进式Web应用（PWA）的工具，它能为开发者提供所选应用转化为完整PWA版本所需完成的工作信息。不过，开发者可以根据自身需求选择是否执行其推荐的所有工作。

• 运行方式
  • 浏览器扩展 ：这是作者比较喜欢的运行Lighthouse的方式。通过扩展生成报告时，报告会在新的浏览器窗口中显示，方便查看和打印以供后续参考。
  • Chrome DevTools ：Google在Chrome DevTools中直接提供了Lighthouse审计功能，无需安装扩展或进行额外设置。操作步骤如下：
    1. 在浏览器中打开一个Web应用。
    2. 打开DevTools，找到“Audits”标签。
    3. 这里比扩展方式提供了更多选项，可指定测试应用的移动或桌面版本，并控制审计期间工具对网络连接的节流设置。
    4. 选择适合应用的选项后，点击“Run Audits”按钮开始测试。测试完成后，结果将显示在审计窗口中。
  • Node模块 ：也可以将Lighthouse作为Node模块进行安装，并从命令行或在Node应用中运行。
    • 安装模块：打开终端窗口或命令提示符，执行以下命令：