如何从 Lighthouse 检索页面 HTML？

Question

我正在尝试向 Lighthouse 添加一些自定义指标。为了进行一些基本检查，我需要获取网页的原始 HTML。

我尝试使用 driver.sendCommand（DOM.getDocument 或 DOM.getFlattenedDocument）和 driver.querySelectorAll('html') 和 driver.evaluateAsync('document.documentElement.outerHTML')，但没有成功。我如何设法将 HTML 从 Chrome 获取到 Lighthouse？

谢谢，

法比奥

Answer 1

这应该是使用收集器对 driver.evaluateAsync 的直接调用。类似于：

const expression = `document.querySelector('html').outerHTML`;
const html = await passContext.driver.evaluateAsync(expression);

采集器afterPass里面应该可以得到html。 HTML w/o Javascript 这样做。修改该收集器中的表达式以了解它应该如何工作。

这是一个非常粗略的例子，一旦 html 从 HTML w/o Javascript:

如何从 Lighthouse 检索页面 HTML？

How to retrieve page HTML from Lighthouse?

lighthouse