如何在单页应用程序上使用 Lighthouse 测试可访问性答案

【问题标题】：How can I test accessbility using Lighthouse on a single page application如何在单页应用程序上使用 Lighthouse 测试可访问性
【发布时间】：2019-06-20 13:29:01
【问题描述】：

一位同事向我展示了 Chrome 浏览器上的 Lighthouse。我有一个单页应用程序 (SPA)，并且能够针对我的应用程序的基本 URL 运行它。

但是，所有后续屏幕均由客户端 JavaScript 呈现，而无需更改浏览器中的 URL。

如何测试我网站的其余部分？

【问题讨论】：

标签： accessibility single-page-application lighthouse

【解决方案1】：

唯一的方法是将项目切换到服务器端渲染，比如 Angular Universal

更新：发现这个问题https://github.com/GoogleChrome/lighthouse/issues/5187

【讨论】：

【解决方案2】：

如果您不能像 Alexey Semerenko 所说的那样将项目切换到服务器端渲染，您可以考虑使用其他测试工具，例如 Sitespeed.io，它允许您将用户操作定义为脚本以浏览应用程序的每个页面。

测试后，您将收集相同类型的指标。

【讨论】：