javascript - 为什么我的 PhantomJS 脚本挂起？

Question

这个问题已经有答案了:

Pass arguments with page.evaluate (8 个回答)

已关闭 7 年前。

假设的重复问题的答案确实解决了如何将参数传递给函数，但如果您实际阅读了该问题，您会发现它最初是关于脚本挂起的。

我是 PhantomJS 的新手，只知道足够的 javascript 来搞乱。

这是我的脚本...

"use strict";
var page = require('webpage').create();

page.onConsoleMessage = function(msg) { console.log(msg); };

page.open("https://developer.amazon.com/home.html", function(status) {
        if (status === "success") {
                console.log("SUCCESS");
                var title = page.evaluate(function() { return document.title;});
                console.log( title );
                var forms = page.evaluate(function() { return document.forms;});
                console.log( forms.length );
                var num_elements = page.evaluate(function() {return document.forms[0].elements.length;});
                console.log( num_elements );
//              for each ( var e in document.forms[0].elements ) {
//                      console.log( "e.name = [" + e.name + " e.value = [" + e.value + "]" );
//              }
                for ( var i=0; i < document.forms[0].elements.length; i++ ) {
                        console.log( "name = [" + document.forms[0].elements[i].name + "]" );
                }
        } else {
                phantom.exit(1);
        }
        phantom.exit(0);
});

当我运行它时，我得到这个输出，然后脚本似乎挂起:

SUCCESS
Amazon.com Sign In
1
18

我认为我没有任何拼写错误，也不明白为什么我的循环不起作用。

谢谢

更新:

感谢 Deryck 的帮助，我已将脚本修改为:

"use strict";
var page = require('webpage').create();

page.onConsoleMessage = function(msg) { console.log(msg); };

page.open("https://developer.amazon.com/home.html", function(status) {
        if (status === "success") {
                console.log("SUCCESS");
                var title = page.evaluate(function() { return document.title;});
                console.log( title );
                var forms = page.evaluate(function() { return document.forms;});
                console.log( forms.length );
                var num_elements = page.evaluate(function() {return document.forms[0].elements.length;});
                console.log( num_elements );
//              for each ( var e in document.forms[0].elements ) {
//                      console.log( "e.name = [" + e.name + " e.value = [" + e.value + "]" );
//              }
                for ( var i=0; i < num_elements; i++ ) {
                        console.log( i );
                        console.log( "name = [" +
                                page.evaluate(
                                        function() {
                                                return document.forms[0].elements[i].name
                                        }
                                )
                        + "]" );
                }
        } else {
                phantom.exit(1);
        }
        phantom.exit(0);
});

但我收到此错误...

SUCCESS
Amazon.com Sign In
1
18
0
ReferenceError: Can't find variable: i

  undefined:2
  :3
name = [null]

Answer 1

您传递给page.evaluate的函数将无法访问幻像脚本中存在的变量；这是因为函数代码被传递到页面，然后进行计算。

使用这种形式的page.evaluate来传递i:

console.log( "name = [" +
  page.evaluate(function(i) {
    return document.forms[0].elements[i].name;
  }, i)
+ "]");