DOMSnapshot.getSnapshot 函数 computedStyleWhitelist 参数详解

在调用 DOMSnapshot.getSnapshot 函数时，computedStyleWhitelist 参数是一个可选的字符串数组，用于指定要包含在快照中的计算样式属性。只有在 computedStyleWhitelist 中指定的样式属性才会包含在快照中。

计算样式属性是通过计算 DOM 节点上的 CSS 规则得出的，包括从内联样式、样式表和继承中获取的属性。computedStyleWhitelist 参数可以用来过滤掉不需要的样式属性，从而减小快照的大小并提高性能。

computedStyleWhitelist 参数的填写方式如下：

const snapshot = await page.getSnapshot({
  computedStyleWhitelist: ['color', 'font-size']
});

上述代码将只包含 color 和 font-size 属性的计算样式。

computedStyleWhitelist 参数不会影响获取的 DOM 节点数量，它仅影响快照中包含的计算样式属性。要控制快照中的 DOM 节点数量，可以使用 DOMSnapshot.getSnapshot 函数的其他参数，如 computedStyles、includePaintOrder 和 includeDOMRects。