详解lighthouse通过命令行方式运行并生成html测试报告的方法

lighthouse可以通过命令行的方式运行并生成html报告，我们可以通过lighthouse --help 命令查看命令行的详细用法，在这里我仅列出最常用的命令行使用方法！

常用lighthouse命令行参数详解

* `--chrome-flags`：传递自定义标志给Chrome/Chromium。例如，`--headless`可以在无头模式下运行Chrome/Chromium。  
* `--only-categories`：仅运行指定的类别。例如，`--only-categories=performance`将仅运行性能评估。  
* `--preset`：使用预设的类别集。例如，`--preset=desktop`将评估页面在桌面设备上的表现。  
* `--locale`：设置报告的语言。例如，`--locale=zh`将生成中文报告。  
* `--quiet`：静默模式，不显示进度或调试信息。  
* `--output`：将报告输出到文件而不是控制台。例如，`--output=html`将生成HTML格式的报告。

最常用的命令如下：

lighthouse url --quiet --chrome-flags="--headless" --only-categories=performance --locale=zh-CH --output-path=***.html

具体解释：

使用lighthouse测试url的前端性能

使用静默模式，不显示进度或调试信息

通过chrome的无头方式执行

报告中仅显示performance相关的测试结果

报告编码是zh-CH

报告的保存路径为***.html

命令行方式运行lighthouse的意义

1.可以与持续集成结合，通过脚本启动lighthouse进行前端性能测试

2.可以进行优化封装开发，打造更为方便的使用场景，例如批量进行不同url的前端性能测试

我的每一篇文章都希望帮助读者解决实际工作中遇到的问题！如果文章帮到了您，劳烦点赞、收藏、转发！您的鼓励是我不断更新文章最大的动力！