跳至主要内容
版本: 22.5.0

覆盖率类

Coverage 类提供方法来收集有关页面使用的 JavaScript 和 CSS 部分的信息。

签名:

export declare class Coverage

备注

要输出可被 Istanbul 使用的覆盖率形式,请参阅 puppeteer-to-istanbul

示例

使用 JavaScript 和 CSS 覆盖率来获取最初执行的代码百分比的示例

// Enable both JavaScript and CSS coverage
await Promise.all([
page.coverage.startJSCoverage(),
page.coverage.startCSSCoverage(),
]);
// Navigate to page
await page.goto('https://example.com');
// Disable both JavaScript and CSS coverage
const [jsCoverage, cssCoverage] = await Promise.all([
page.coverage.stopJSCoverage(),
page.coverage.stopCSSCoverage(),
]);
let totalBytes = 0;
let usedBytes = 0;
const coverage = [...jsCoverage, ...cssCoverage];
for (const entry of coverage) {
totalBytes += entry.text.length;
for (const range of entry.ranges) usedBytes += range.end - range.start - 1;
}
console.log(`Bytes used: ${(usedBytes / totalBytes) * 100}%`);

构造函数

构造函数修饰符描述
(constructor)(client)构造 Coverage 类的新实例

方法

方法修饰符描述
startCSSCoverage(options)
startJSCoverage(options)
stopCSSCoverage()Promise 解析为所有样式表的覆盖率报告数组。
stopJSCoverage()Promise 解析为所有脚本的覆盖率报告数组。