使用phantom.js切换到iframe

时间:2013-10-25 07:44:27

标签: iframe phantomjs

我想使用纯phantom.js代码切换到iframe

这是我的第一次尝试

var page = new WebPage();
var url = 'http://www.theurltofectch'
page.open(url, function (status) {
    if ('success' !== status) {
        console.log("Error");
    } else {
        page.switchToFrame("thenameoftheiframe");
        console.log(page.content);
        phantom.exit();
    }
});

它只生成主页面的源代码。有什么想法吗?

请注意,iframe域与主页面域不同。

3 个答案:

答案 0 :(得分:2)

替换

console.log(page.content);

console.log(page.frameContent);

应该将帧phantomjs的内容切换回。

如果iframe来自其他域,您可能需要添加--web-security = no选项,如下所示:

phantomjs --web-security=no myscript.js

作为补充信息,xMythicx所说的可能是真的。在页面加载完成后,一些iframe通过Javascript呈现。如果iframe内容为空,那么在开始从页面抓取内容之前,您需要等待所有资源完成加载。但这是另一个问题,如果你需要一个答案,我建议你问一个关于它的新问题,我会在那里回答。

答案 1 :(得分:1)

请尝试一下我相信它可能是异步问题,这意味着在尝试访问iframe时不存在iframe。我从另一篇文章收到了以下片段。

var page = require('webpage').create(),
    testindex = 0,
    loadInProgress = false;

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

page.onLoadStarted = function() {
  loadInProgress = true;
  console.log("load started");
};

page.onLoadFinished = function() {
  loadInProgress = false;
  console.log("load finished");
};

/*
page.onNavigationRequested = function(url, type, willNavigate, main) {
  console.log('Trying to navigate to: ' + url);
  console.log('Caused by: ' + type);
  console.log('Will actually navigate: ' + willNavigate);
  console.log('Sent from the page\'s main frame: ' + main);
};
*/


/*
  The steps array represents a finite set of steps in order to perform the unit test
*/

var steps = [
  function() {
    //Load Login Page
    page.open("https://www.yourpage.com");
  },
  function() {
    //access your iframe here
    page.evaluate(function() {


    });
  }, 
  function() {
   //any other step you want 
    page.evaluate(function() {



    });
  }, 
  function() {
    // Output content of page to stdout after form has been submitted
    page.evaluate(function() {
      //console.log(document.querySelectorAll('html')[0].outerHTML);
    });

    //render a test image to see if login passed
    page.render('test.png');

  }
];


interval = setInterval(function() {
  if (!loadInProgress && typeof steps[testindex] === "function") {
    console.log("step " + (testindex + 1));
    steps[testindex]();
    testindex++;
  }
  if (typeof steps[testindex] !== "function") {
    console.log("test complete!");
    phantom.exit();
  }
}, 50);

答案 2 :(得分:1)

iframes和

存在同样的问题
  

phantomjs --web-security = no

在我的案例中有所帮助:]