PhantomJS apre una pagina dopo l'altra

Question

Ho usato questo esempio per creare un codice phantomjs per accedere al sito web.

var page = require('webpage').create(); 
page.open("http://www.facebook.com/login.php", function(status) { 

    if (status === "success") { 
    page.onConsoleMessage = function(msg, lineNum, sourceId) { 
     console.log('CONSOLE: ' + msg + ' (from line #' + lineNum + ' in "' + sourceId + '")'); 
    }; 
    page.evaluate(function() { 
     console.log('hello'); 
     document.getElementById("email").value = "email"; 
     document.getElementById("pass").value = "password"; 
     document.getElementById("u_0_1").click(); 
     // page is redirecting. 
    }); 
    setTimeout(function() { 
     page.evaluate(function() { 
     console.log('haha'); 
     }); 
     page.render("page.png"); 
     phantom.exit(); 
    }, 5000); 
    } 
}); 

Da questo collegamento. https://gist.github.com/ecin/2473860

Ma voglio aprire un altro collegamento da un pulsante o andare direttamente su di esso. Come posso farlo?

Ecco un esempio più semplice. Non funziona ...

var page = require('webpage').create(); 
var url = "www.example.com"; 

page.open(url, function (status) { 

    setTimeout(function() { 
     page.evaluate(function() { 
      console.log('haha'); 
     }); 
     page.render("example.png"); 
     phantom.exit(); 
    }, 5000); 

}); 



var url = "www.google.com"; 

page.open(url, function (status) { 

    setTimeout(function() { 
     page.evaluate(function() { 
      console.log('haha'); 
     }); 
     page.render("google.png"); 
     phantom.exit(); 
    }, 5000); 

}); 

Answer 1

Molto vicino, ora combina i due snippet in uno. page.open() è asincrona, che è il motivo per cui è necessario aprire la pagina successiva solo dopo che il primo ha terminato:

var page = require('webpage').create(); 
var url = "http://www.example.com"; 

page.onConsoleMessage = function(msg, lineNum, sourceId) { 
    console.log('CONSOLE: ' + msg + ' (from line #' + lineNum + ' in "' + sourceId + '")'); 
}; 

page.open(url, function (status) { 
    page.onConsoleMessage = function(msg, lineNum, sourceId) { 
     console.log('CONSOLE: ' + msg + ' (from line #' + lineNum + ' in "' + sourceId + '")'); 
    }; 
    page.evaluate(function() { 
     document.getElementById("email").value = "email"; 
     document.getElementById("pass").value = "password"; 
     document.getElementById("u_0_1").click(); 
     // page is redirecting. 
    }); 

    setTimeout(function() { 
     page.evaluate(function() { 
      console.log('haha'); 
     }); 
     page.render("example.png"); 


     var url = "http://www.google.com"; 

     page.open(url, function (status) { 
      setTimeout(function() { 
       page.evaluate(function() { 
        console.log('haha'); 
       }); 
       page.render("google.png"); 
       phantom.exit(); 
      }, 5000); 
     }); 
    }, 5000); 
}); 

per vedere effettivamente la console.log() all'interno di page.evaluate() è necessario registrarsi per l'evento page.onConsoleMessage. Ci sono altri eventi utili durante il debug.

Non dimenticare di aggiungere il protocollo (http: // o file: ///) agli URL che stai aprendo. PhantomJS è un po 'schizzinoso al riguardo.

Anziché attendere una quantità di tempo statica (setTimeout()) finché non viene caricata la pagina successiva dopo aver eseguito un'azione. Si dovrebbe fare uso dell'evento page.onLoadFinished. Questo è piuttosto ingombrante per essere corretto per gli script di navigazione intensiva. Utilizzare CasperJS per gli script più lunghi.

Spesso non funziona Element.click(). This question ha molte soluzioni per questi casi.