How to render part of a page with PhantomJS?

by

To only render part of a page you need to set the clipRect attribute for the page and then render it.

var clipRect = document.querySelector(selector).getBoundingClientRect();
page.clipRect = {
    top:    clipRect.top,
    left:   clipRect.left,
    width:  clipRect.width,
    height: clipRect.height
};
page.render('capture.png');

I don’t understand the second part of your question. Phantom.js is headless meaning that there is no actual display that a user is looking at.

More Related Contents:

  1. phantomjs not waiting for “full” page load
  2. CasperJS/PhantomJS doesn’t load https page
  3. PhantomJS; click an element
  4. How can I scrape pages with dynamic content using node.js?
  5. Pass arguments with page.evaluate
  6. How to submit a form using PhantomJS
  7. CasperJS bind issue
  8. How to scroll down with Phantomjs to load dynamic content
  9. Save and render a webpage with PhantomJS and node.js
  10. how to wait for element visibility in phantomjs
  11. Phantomjs page.content isn’t retrieving the page content
  12. save html output of page after execution of the page’s javascript
  13. how to Execute PhantomJS from PHP
  14. can phantomjs work with node.js?
  15. Using PhantomJS to embed all images of a webpage produces warnings but works
  16. Using Multiple page.open in Single Script
  17. Looping over urls to do the same thing
  18. Why doesn’t this.evaluate return DOM nodes correctly?
  19. How do I access an iframe from CasperJS?
  20. How to download a csv file using PhantomJS
  21. How to login into a website with CasperJS?
  22. Phantom JS synchronous AJAX request : NETWORK_ERR: XMLHttpRequest Exception 101
  23. Replace a Regex capture group with uppercase in Javascript
  24. How to run untrusted code serverside?
  25. Javascript: document.execCommand cross-browser?
  26. Load HTML page dynamically into div with jQuery
  27. VueJS How can I use computed property with v-for
  28. Using JQuery plugins that transform the DOM in React Components?
  29. JavaScript: Is it better to use innerHTML or (lots of) createElement calls to add a complex div structure? [duplicate]
  30. Importing javascript file for use within vue component

Leave a Comment