1 
import webdriver from 'selenium-webdriver';

const driver = new webdriver.Builder()
              .withCapabilities(webdriver.Capabilities.chrome())
              .build();

driver.get('https://www.google.com');
let foo = function(rules) {
  rules.forEach(rule => {
    rule();
  });
}
let bar = function() { return 'bar' };
let baz = function() { return 'baz' };
driver.executeScript(foo, [bar, baz]).then(function(result) {
  console.log(result);
});

driver.quit();

它出错了

WebDriverError: unknown error: rule is not a function


let foo = function(rules) {
  return rules;
  // rules.forEach(rule => {
  //   rule();
  // });
}
let bar = function() { return 'bar' };
let baz = function() { return 'baz' };
driver.executeScript(foo, [bar, baz]).then(function(result) {
  console.log(result); // refer the log pasted below
});

看起来函数正在被序列化string

[ 'function bar() {\n  return \'bar\';\n}',
  'function baz() {\n  return \'baz\';\n}' ]

任何有关如何通过的指针array of functions as arguments都会有所帮助。

4

3 回答 3

2

我发现了一个不同的解决方法，没有使用eval 明确的，但以类似的方式。

  1. 要注入的函数必须命名为function

  2. 注入function.toString()作为 a 的内容<script>

    function foo(rules) {
  var result = [];
  rules.forEach(rule => {
    result.push(rule());
  });
  return result;
}
function bar() { return 'bar' };
function baz() { return 'baz' };

function inject(content) {
  var script = document.createElement('script');
  script.innerHTML = content;
  document.head.appendChild(script);
}
let script = `${bar.toString()} ${baz.toString()} ${foo.toString()}`;

driver.executeScript(inject, script);

  3. 然后执行所需的功能

    driver.executeScript('return foo([bar, baz])').then(function(result) {
  // use the result
});

完整的例子

// example.js
import webdriver from 'selenium-webdriver';

const driver = new webdriver.Builder()
  .withCapabilities(webdriver.Capabilities.chrome())
  .build();

driver.get('https://www.google.com');

function foo(rules) {
  var result = [];
  rules.forEach(rule => {
    result.push(rule());
  });
  return result;
}
function bar() { return 'bar' };
function baz() { return 'baz' };

function inject(content) {
  var script = document.createElement('script');
  script.innerHTML = content;
  document.head.appendChild(script);
}
let script = `${bar.toString()} ${baz.toString()} ${foo.toString()}`;

driver.executeScript(inject, script);

driver.executeScript('return foo([bar, baz])').then(function(result) {
  console.log(result);
});

driver.quit();

> babel-node example.js

[ 'bar', 'baz' ]
于 2016-04-06T21:14:43.410 回答
0

我认为你可以使用 eval。请参见下面的代码：

driver.get('https://www.google.com');
let foo = function(rules) {
    var results = [];
    rules.forEach(rule => {
        results.push(eval(rule));
    });
    return results;
}

let bar = "(function() { return ' message returned from bar' })()";
let baz = "(function() { return 'message returned from baz' })()";

driver.executeScript(foo, [bar, baz]).then(function(result) {
    console.log(result);
});
于 2016-04-06T03:59:58.667 回答
0

问题：作为参数传递给函数的所有非平凡数据都转换为字符串，因为这是将某些东西从硒驱动程序注入浏览器的唯一方法。

参数必须是数字、布尔值、字符串、WebElement 或上述任意组合的列表。

解决方案 您可以将字符串转换为函数并使用eval或函数构造函数执行它new Function('...function body here...')。是的，这很糟糕，但实际上，没有其他方法可以将非平凡数据从驱动程序传递到浏览器。实际上，当您调用 this 时driver.executeScript(foo, [], ...)，foo函数也会转换为字符串并在浏览器中执行eval。

如果我是你，我会尝试寻找另一种方法来实现结果而不将函数作为参数传递。

您可以在以下位置阅读更多信息：https ://selenium.googlecode.com/svn/trunk/docs/api/java/org/openqa/selenium/JavascriptExecutor.html

于 2016-04-06T03:13:43.863 回答