javascript - 使用 casperjs 加载和捕获 iframe

Question

我的页面中有一个 iframe，我尝试加载 iframe 的内容，然后将框架图像捕获为:

{code}
casper.waitForSelector('button#ldPg', function() {
            this.click("button#ldPg");
            this.echo('I just clicked on ldPg');

casper.withFrame(0, function () {
        casper.thenOpen(mylink, function() {
            });
        }); 

casper.wait(10000, function() {
        this.echo("I've waited for 10 second.");
        });

casper.then(function() {
        this.capture(mydir + 'iframe1.png', {
            top: 0, left: 0, width: 1000, height: 1000
            });
        });
    });
{code}

当我运行它时，我看到 iframe 图像被捕获但空白，内容(例如在哪里填写 Fname、Lname、电子邮件等)不存在。我想看看框架中的表格，对此有任何更好的想法都会有所帮助。

Answer 1

这完全解决了我的问题。未捕获的原因是由于 http/https。在我的本地系统上，它使用以下代码正确捕获:

casper.waitForSelector('button#loadPage', function() {
  this.click("button#loadSSOPage");
  this.echo('clicked on Load Page');
  casper.wait(10000);          
  casper.thenEvaluate(function(){
    var f = document.querySelector("iframe");
    f.src = url;
  }).wait(6000);

  casper.then(function(){
    this.captureSelector(image_dir + "iframe.png", "iframe");
      this.capture(image_dir + "whole_page.png");
     });
  }); 
});