title: How do you take a screenshot of an angularjs app?
body: <p>I've tried: </p>
  
  <ul>
  <li>node-webshot</li>
  <li>phantomjs </li>
  </ul>
  
  <p>I could do it locally but I couldn't take screenshots of other websites that are based on angularjs.</p>
  
  <h1>Bounty</h1>
  
  <p>Be able to take a screenshot of any angularjs app which includes jquery and angular on the page. Every single site here: <a href="http://builtwith.angularjs.org/" rel="noreferrer">http://builtwith.angularjs.org/</a> should look as if I loaded it in my browser.</p>
  
  <p>Must be able to get the screenshot via the terminal so it could be run in a background process like a worker or something.</p>
  
  <p>One random server (or whatever should be able to go to an offsite website and take a screenshot of it.)</p>
  
  <p>It just needs to take an url that will inevitably host an angularjs app and output what you'd expect to see in your browser.</p>
  
  <p>Does not need to be phantomjs or node-webshot.</p>
  
  <h2>Update 1</h2>
  
  <p>As of last night this is how I'm doing it. </p>
  
  <ul>
  <li>node-webkit (nodejs inside of chromium) compiled to linux-32</li>
  <li>leave open on a random laptop</li>
  <li>when it detects a screenshot needs to be taken (via firebase temporarily) it opens a iframe with that url</li>
  <li>waits 10 seconds (reasonable time to load a site/app)</li>
  <li>uses node-webkit api to screenshot itself</li>
  </ul>
  
  <p>I have some work to do on this solution.</p>
  
  <p><img src="https://i.stack.imgur.com/qS71P.jpg" alt="enter image description here"></p>
  
  <h2>Update 2</h2>
  
  <p>This appears to be a potential solution but I've found that most of these solutions require opening a browser and taking the screenshot versus a headless browser like phantomjs.</p>
  
  <ul>
  <li><a href="http://browsershots.org/documentation#HowToCreateANewScreenshotFactory" rel="noreferrer">http://browsershots.org/documentation#HowToCreateANewScreenshotFactory</a></li>
  <li>Browserstack.com</li>
  </ul>
  
  <h2>Update 3</h2>
  
  <p>I'm continuing development on a production ready solution for this on github.
  <a href="https://github.com/clouddueling/angular-snapshot" rel="noreferrer">https://github.com/clouddueling/angular-snapshot</a></p>
  
  <p>If you take this code and build it with node-webkit.app you will be able to run a screenshot server.</p>