page.set('content') dosen't work with dynamic content in phantomjs

Question

page.set('content') dosen't work with dynamic content in phantomjs

I try to use phantomjs for screen capture my page with node-phantom bridge. Here is I'm trying:

 var phantom = require('node-phantom');

 phantom.create(function (err, ph) {
            return ph.createPage(function (err, page) {
              return page.set('content', '<html><head></head><body><p>Hello</p></body></html>', function (err, status) {
                  return page.render('./content.png', function (err) {
                    ph.exit();
                  });
                });
            });
          });

That works fine but if try to set content which contains javascript that don't works. Please help me why does it don't works?

EDIT: That dosen't work:

var phantom = require('node-phantom');

phantom.create(function (err, ph) {
   return ph.createPage(function (err, page) {
      page.open("about:blank", function(err,status) {
         page.evaluate(function() {        
            document.write('<html><head></head><body><script src="http://code.jquery.com/jquery-1.9.1.min.js"></script><script>$(function(){document.write("Hello from jQuery")})</script></body>');
         });

         setTimeout(function () {
            return page.render('./content.png', function (err) {
                ph.exit();
             }); 
         }, 5000);   
    });         
  });

node.js
phantomjs

Answer 1

JavaScript code needs some time to execute. Try to have a delay between setting the page content and calling render.

Answer 2

I am not sure why set content does not work, It seems to be a limitation of the phantomjs api. You can just use document.write.

var phantom = require('node-phantom');

phantom.create(function (err, ph) {
  return ph.createPage(function (err, page) {
    page.open("about:blank", function(err,status) {
      page.evaluate(function() {        
        document.write('<html><body><script>document.write("<h1>Hello From JS</h1>");</script><p>Hello from html</p></body></html>');
      });
      return page.render('./content.png', function (err) {
        ph.exit();
      });
    });
  });         
});