使用 Protractor 从 chromedriver 获取 HTTP 请求（性能日志）

我正在使用量角器进行 Angular 的 e2e 测试，并且我正在拼命地尝试获取带有标头和正文的 HTTP 请求日志。 我已经像这样配置了量角器：

  {

    useAllAngular2AppRoots: true,
    ignoreUncaughtExceptions: true,

    maxSessions: 1,
    multiCapabilities: [
        {
            'name': 'desktop',
            'browserName': 'chrome',
            loggingPrefs: {"driver": "ALL", "browser": "ALL", 'performance': 'ALL'},
            chromeOptions: {
                binary: process.env.CHROME_BIN,
                args: ["--headless", "--disable-gpu", "--no-sandbox"],
                perfLoggingPrefs: {
                    'traceCategories': 'blink.console,disabled-by-default-devtools.timeline'
                }
            }
        }
    ],

    framework: "custom",
    frameworkPath: require.resolve("protractor-cucumber-framework"),

    //...
};

在每个场景之后，我都会执行这个钩子：

browser.manage().logs().get("browser").then(logs => 
  //...
)

但我得到的只是控制台日志，但没有 http 请求。有什么方法可以从量角器内的 chromedriver 获取这些内容吗？

以下是 chromedriver 文档的链接，其中提到了性能日志：https://sites.google.com/a/chromium.org/chromedriver/logging/performance-log

您需要添加以下内容chromeOptions包括perfLoggingPrefs and loggingPrefs如图所示https://github.com/angular/protractor-cookbook/blob/master/protractor-javascript/example-network/conf.js

capabilities: {
    'browserName': 'chrome',
    'chromeOptions': {
      'perfLoggingPrefs': {
        'enableNetwork': true,
        'enablePage': false,
        'enableTimeline': false
      }
    },
    loggingPrefs: {
      performance: 'ALL',
      browser: 'ALL'
    }
  },

获取日志时，我编写的示例将日志记录在afterEach每次测试后输出的方法。

  afterEach(() => {
    browser.manage().logs().get('performance').then((browserLogs) => {
      browserLogs.forEach((browserLog) => {
        var message = JSON.parse(browserLog.message).message;
        if (message.method == 'Network.responseReceived') {
          console.log(message);
        }
      });
    });
  });

从日志中，您应该能够看到加载 javascript 文件、资源等时发出的任何 get 请求。

更新答案

根据评论更新答案。如果你使用'Network.requestWillBeSent'，您可以查看帖子。