如何使用Protractor向浏览器控制台输出日志语句？

你遇到的核心问题是执行上下文的差异：直接写的console.log('Statement')是运行在Node.js环境（也就是启动Protractor的终端）里的，所以日志会输出到终端；而要让日志出现在浏览器控制台，你需要让代码在浏览器的JavaScript上下文里执行。

解决方法很简单，用Protractor提供的browser.executeScript()方法，它可以把指定的JavaScript代码注入到当前浏览器页面中执行，里面的console.log就会输出到浏览器控制台了。

基础示例 #

直接在executeScript里编写日志语句：

// 这条日志会出现在浏览器控制台
browser.executeScript(() => {
  console.log('Hello from browser console!');
});

传递参数的示例 #

如果需要从测试脚本传递变量到浏览器上下文的日志内容中，可以这样做：

const testMessage = 'Protractor测试日志：页面加载完成';
browser.executeScript((msg) => {
  console.log(msg);
}, testMessage);

补充说明 #

• 测试过程中记得打开浏览器开发者工具（F12）切换到Console标签页，就能看到输出的日志了。
• 要是你想在测试脚本中捕获浏览器控制台的日志，可以用browser.manage().logs().get('browser')方法，但这是另一个场景的用法啦。

内容的提问来源于stack exchange，提问作者Zer0