javascript - Chrome Headless：获取仅可见节点的 DOM

Question

我一直在寻找一种让 Chrome Headless 仅将可见 DOM 节点输出为树的方法。

我使用下面的代码来输出整个 DOM，但这包括不可见的元素。

Runtime.evaluate({expression: 'document.documentElement.outerHTML'})

有没有办法修剪所有不可见的节点？

Answer 1

我不确定是否将其作为一棵树。为此，我认为您必须获取所有节点，然后自行遍历树并删除不可见的节点。

这将返回一个节点列表。

Runtime.evaluate({expression: 'document.querySelectorAll("*:visible")'})