如何在Phantomjs中注入jquery（js）？

Question

var steps=[]; 
var testindex = 0; 
var loadInProgress = false;//This is set to true when a page is still loading 

var webPage = require('webpage'); 
var page = webPage.create(); 
page.settings.userAgent = 'Mozilla/5.0 (Windows NT 10.0; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/44.0.2403.157 Safari/537.36'; 
page.settings.javascriptEnabled = true; 
page.settings.loadImages = false;//Script is much faster with this field set to false 
phantom.cookiesEnabled = true; 
phantom.javascriptEnabled = true; 

console.log('All settings loaded, start with execution'); 
page.onConsoleMessage = function(msg) { 
    console.log(msg); 
}; 
steps = [ 

    function(){ 
     console.log('Step 1 - Open Fb home page'); 
     page.open("https://www.facebook.com/login.php", function(status){ 

     }); 
    }, 

    function(){ 
     console.log('Step 3 - Populate and submit the login form'); 
     page.evaluate(function(){ 
      document.getElementById("email").value="xxxx@gmail.com"; 
      document.getElementById("pass").value="xxx"; 
      document.getElementById("login_form").submit(); 
     }); 
    }, 
    function() { 
     page.render('homepage.png'); 
    }, 
    function(){ 
     page.open("https://www.facebook.com/settings", function(status){ 

     }); 
    }, 
    function() { 
     page.render('settings.png'); 
    }, 
]; 

interval = setInterval(executeRequestsStepByStep,50); 

function executeRequestsStepByStep(){ 
    if (loadInProgress == false && typeof steps[testindex] == "function") { 
     //console.log("step " + (testindex + 1)); 
     steps[testindex](); 
     testindex++; 
    } 
    if (typeof steps[testindex] != "function") { 
     console.log("test complete!"); 
     phantom.exit(); 
    } 
} 


page.onLoadStarted = function() { 
    loadInProgress = true; 
    console.log('Loading started'); 
}; 
page.onLoadFinished = function() { 
    loadInProgress = false; 
    console.log('Loading finished'); 
}; 
page.onConsoleMessage = function(msg) { 
    console.log(msg); 
}; 

如何注入 「https://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js」，並使用

$('#email').attr("value", "xxxx@gmail.com"); 

$('#pass').attr("value", "xxxx"); 

$('#login_form').submit(); 

我嘗試所有方法，但劇本着工作。

Answer 1

你可以在你的頁面對象上調用includeJs來做到這一點，並在注入後將你的評估函數放在回調函數內部，並使用你想要執行的任何JQuery代碼。

此外，您將需要在代碼開始時刪除用戶代理。它的存在可以防止加載外部JQuery JavaScript。你還需要增加你傳遞給setInterval的時間。 50毫秒是沒有足夠的時間加載JQuery，操縱DOM和提交表單。在10秒內聽起來更安全。

function(){ 
    console.log('Step 3 - Populate and submit the login form'); 
    page.includeJs('https://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js', function() { 
     page.evaluate(function(){ 
     $('#email').attr("value", "xxxx@gmail.com"); 
     $('#pass').attr("value", "xxxx"); 
     $('#login_form').submit(); 
     }); 
    }); 



interval = setInterval(executeRequestsStepByStep, 10000);