google-chrome-devtools - 如何防止Chrome headless 载入图片

Question

我正在使用 headless 的chrome浏览器进行测试，部分测试是为了防止浏览器加载页面上的图像，该页面必须是数据url，而不是普通页面。
我在下一个启动命令中使用 headless Chrome :
chrome --headless --remote-debugging-port=9222
我创建了下一个测试，以演示我要实现的目标。
但是什么都行不通...

const CDP = require('chrome-remote-interface');
const fs = require('fs');

CDP(async(client) => {
  const {
    Page,
    Network
  } = client;
  try {
    await Page.enable();
    await Network.enable();
    await Network.emulateNetworkConditions({
      offline: true,
      latency: 0,
      downloadThroughput: 0,
      uploadThroughput: 0
    });
    await Page.navigate({
      url: "data:text/html,<h1>The next image should not be loaded</h1><img src='http://via.placeholder.com/350x150'>"
    });
    await Page.loadEventFired();
    const {
      data
    } = await Page.captureScreenshot();
    fs.writeFileSync((+new Date()) + '.png', Buffer.from(data, 'base64'));
  } catch (err) {
    console.error(err);
  } finally {
    await client.close();
  }
}).on('error', (err) => {
  console.error(err);
});

Answer 1

您可以使用此标志阻止图像。
它在金丝雀和稳定上工作。

chrome --headless --remote-debugging-port=9222 --blink-settings=imagesEnabled=false