的网站质量分析工具套件。它允许您评估网站的性能、可访问性、搜索引擎优化 (SEO) 等。它还具有高度可配置性,使其足够灵活,可用于从最简单到高度复杂的所有站点。这种灵活性包括运行测试的多种不同方式,使您可以选择最适合您的站点或应用程序的方法。 运行 最简单的方法之一是通过的 面板。如果您在 Chrome 中打开网站,然后打开 Chrome 的 DevTools,您应该会看到“Lighthouse”选项卡。从那里,如果您单击“生成报告”,您应该获得网站质量指标的完整报告。 然而,我在本文中关注的是另一个极端。使用 JavaScript 以编程方式运行 Lighthouse 允许我们配置自定义运行、挑选和选择我们想要测试的功能、收集和分析结果,以及指定我们的站点和应用程序特有的配置选项。 例如,您可能在一个可通过多个 URL 访问的网站上工作 — 每个 URL 都有自己的数据和样式,甚至可能有您希望能够分析的标记。
或者您可能想收集每次
测试运行的数据并以不同的方式编译或分析它。能够根据最适合您的站点或应用程序的方式选择运行 分析的方式,可以更轻松地监控站点质量并在问题堆积或给您带来太多问题之前查明站点存在问题的位置。网站的用户。 以编程方式运行 并不是每个站点的最佳选择,我鼓励您探索Lighthouse 团队为使用该工具而构建的所有不同方法。但是,如果您决定以编程方式使用 ,那么下面的信息和教 澳大利亚电话号码列表 程应该可以帮助您入门。 自定义灯塔选项 以编程方式运行 Lighthouse 的优势不仅在于能够配置 本身,还在于您可能想要或需要围绕 测试执行的所有操作。有一些很棒的文档可以帮助您入门。然而,为了充分利用以编程方式运行它,您需要深入研究并了解有关 Lighthouse 工作原理的更多信息:配置测试运行和报告测试结果。 灯塔测试运行配置 配置 测试运行是这些任务之一,可以根据您的喜好简单或复杂。 以编程方式运行 时,您可以在三个位置提供自定义选项:要测试的 选项和 配置对象。
复制 您可以使用所需的任
何代码来创建这些参数。例如,假设您有一个想要测试的包含多个页面或 URL 的网站。也许您希望在 CI 环境中运行该测试作为 CI 任务的一部分,并在每次任务运行时检查所有必要的页面。使用此设置,您可以使用 创建 URL 并创建一个将为每个 URL 运行 Lighthouse 的循环。 您可能需要的任何 Chrome 选项都可以在传递给chrome-launcher 的对象中指定。在文档的示例中,该opts对象包含一个我们调用的数组,您可以将其传递给 chrome-launcher 和一个端口,您可以在其中保存 chrome-launcher 使用的端口,然后将 AO 列表 其传递给 Lighthouse。 最后,配置对象允许您添加任何特定于 Lighthouse 的选项。Lighthouse 包提供了一个默认配置对象,可以按原样使用,也可以扩展和修改。您可以使用此对象执行多种操作,包括指定要测试的 Lighthouse 测试类别。 了解“TypeScript 50 课”,这是我们全新的 TypeScript 指南。包含详细的代码演练、实践示例和常见问题。对于了解足够JavaScript 的开发人员来说是危险的。们的可访问性阈值。