I'm new at PhantomJS and Javascript and I'm working on a script that test the loading time and I would like for it to detect whether there was a error 404/500 encountered while testing it and display and message in the console.log. The code goes like this:

var page = require('webpage').create(), t, address;
t = Date.now();

var testArray =
['someURL'];

function loadTest(testURL)
{
address = testURL;
page.open(address, function (status) {
    if (status !== 'success') {
        console.log('FAIL to load the address' + address);
return;
    }

});
}

for(var i = 0; i < testArray.length; i++)
{
loadTest(testArray[i]);
t = Date.now() - t;
console.log('Testing ' + testArray[i]);
console.log('Loading time ' + t + ' msec\n');
}
phantom.exit();

Help is much appreciated. Thanks

I'm new at PhantomJS and Javascript and I'm working on a script that test the loading time and I would like for it to detect whether there was a error 404/500 encountered while testing it and display and message in the console.log. The code goes like this:

var page = require('webpage').create(), t, address;
t = Date.now();

var testArray =
['someURL'];

function loadTest(testURL)
{
address = testURL;
page.open(address, function (status) {
    if (status !== 'success') {
        console.log('FAIL to load the address' + address);
return;
    }

});
}

for(var i = 0; i < testArray.length; i++)
{
loadTest(testArray[i]);
t = Date.now() - t;
console.log('Testing ' + testArray[i]);
console.log('Loading time ' + t + ' msec\n');
}
phantom.exit();

Help is much appreciated. Thanks

• javascript
• phantomjs

3 Answers 3

You might want to take a look at the onResourceReceived callback to the page object, you should be able to get what you need from there. (API docs...)

This is a bit of a contrived example, and it is going to give back the status code for every resource retrieved as part of the request, but the first one will be the page itself (i.e., as opposed to supporting JS or CSS etc.):

var page = require('webpage').create();

page.onResourceReceived = function(res) {
  if (res.stage === 'end') {
    console.log('Status code: ' + res.status);
  }
};

page.open('http://some.url/that/does-not-exist', function() {
  phantom.exit();
});

Granted, this assumes that the server is going to actually return you a 404 (as opposed to a 200 masquerading as a 404, for example) -- but something along these lines should give you what you want.

I don't believe that PhantomJS supports returning HTTP response codes currently. For this to be possible, the WebPage object would need to expose the QNetworkReply object and get its HTTP response code.

The HTTP response code can be obtained like this in the C++ code:

int statusCode = reply->attribute(QNetworkRequest::HttpStatusCodeAttribute).toInt();

Until this is integrated into PhantomJS' source, I think you'll just need to test on 'success' or 'failed'. If you really need to see the HTTP response code, you can run a CURL script to check the response from the server. I suspect that 'success' or 'failed' will be fine for your purposes though.

plementing @founddrama answer, if you you have an styled 404 page and load some assets, onResourceReceived will show the status of all those assets, so i would remend to change your code to something like

var definedStatus = false;
page.onResourceReceived = function(res) {
    if (res.stage === 'end' && definedStatus === false) {
        definedStatus = res.status;
    }
};

page.open(url, function(status) {
    if (status == 'success' && definedStatus == 200) {    
        // do something
        phantom.exit();
    } else {
        console.log("Erro")
        phantom.exit(1);
    }
});

so you will have status only of the page you requested