How do you take a screenshot of an angularjs app? [closed]

Answer 1

Have you tried wkhtmltopdf? It comes with a tool called wkhtmltoimage. It uses QtWebKit (A Qt port of the WebKit rendering engine) to render a web page, and converts the result to PDF or image format of your choice, all done at server side.

Because it uses WebKit, it renders everything (images, css and even javascript) just like a modern browser does. You can fine tune the parameters such as tweaking the JavaScript execution grace period.

In my use case, the results have been very satisfying and are almost identical to what browsers would render.

Here's a list of command options:

Name:
  wkhtmltoimage 0.11.0 rc2

Synopsis:
  wkhtmltoimage [OPTIONS]...  


Description:
  Converts an HTML page into an image, 

General Options:
      --allow                   Allow the file or files from the specified
                                      folder to be loaded (repeatable)
      --checkbox-checked-svg    Use this SVG file when rendering checked
                                      checkboxes
      --checkbox-svg            Use this SVG file when rendering unchecked
                                      checkboxes
      --cookie           Set an additional cookie (repeatable)
      --cookie-jar              Read and write cookies from and to the
                                      supplied cookie jar file
      --crop-h                   Set height for croping
      --crop-w                   Set width for croping
      --crop-x                   Set x coordinate for croping
      --crop-y                   Set y coordinate for croping
      --custom-header    Set an additional HTTP header (repeatable)
      --custom-header-propagation     Add HTTP headers specified by
                                      --custom-header for each resource request.
      --no-custom-header-propagation  Do not add HTTP headers specified by
                                      --custom-header for each resource request.
      --debug-javascript              Show javascript debugging output
      --no-debug-javascript           Do not show javascript debugging output
                                      (default)
      --encoding            Set the default text encoding, for input
  -H, --extended-help                 Display more extensive help, detailing
                                      less common command switches
  -f, --format                Output file format
      --height                   Set screen height (default is calculated
                                      from page content) (default 0)
  -h, --help                          Display help
      --htmldoc                       Output program html help
      --images                        Do load or print images (default)
      --no-images                     Do not load or print images
  -n, --disable-javascript            Do not allow web pages to run javascript
      --enable-javascript             Do allow web pages to run javascript
                                      (default)
      --javascript-delay        Wait some milliseconds for javascript
                                      finish (default 200)
      --load-error-handling  Specify how to handle pages that fail to
                                      load: abort, ignore or skip (default
                                      abort)
      --disable-local-file-access     Do not allowed conversion of a local file
                                      to read in other local files, unless
                                      explecitily allowed with --allow
      --enable-local-file-access      Allowed conversion of a local file to read
                                      in other local files. (default)
      --manpage                       Output program man page
      --minimum-font-size        Minimum font size
      --password            HTTP Authentication password
      --disable-plugins               Disable installed plugins (default)
      --enable-plugins                Enable installed plugins (plugins will
                                      likely not work)
      --post             Add an additional post field (repeatable)
      --post-file         Post an additional file (repeatable)
  -p, --proxy                  Use a proxy
      --quality                  Output image quality (between 0 and 100)
                                      (default 94)
      --radiobutton-checked-svg  Use this SVG file when rendering checked
                                      radiobuttons
      --radiobutton-svg         Use this SVG file when rendering unchecked
                                      radiobuttons
      --readme                        Output program readme
      --run-script                Run this additional javascript after the
                                      page is done loading (repeatable)
      --disable-smart-width           Use the specified width even if it is not
                                      large enough for the content
      --enable-smart-width            Extend --width to fit unbreakable content
                                      (default)
      --stop-slow-scripts             Stop slow running javascripts (default)
      --no-stop-slow-scripts          Do not Stop slow running javascripts
      --transparent                   Make the background transparent in pngs
      --user-style-sheet         Specify a user style sheet, to load with
                                      every page
      --username            HTTP Authentication username
  -V, --version                       Output version information an exit
      --width                    Set screen width, note that this is used
                                      only as a guide line. Use
                                      --disable-smart-width to make it strict.
                                      (default 1024)
      --window-status   Wait until window.status is equal to this
                                      string before rendering page
      --zoom                   Use this zoom factor (default 1)

Specifying A Proxy:
  By default proxy information will be read from the environment variables:
  proxy, all_proxy and http_proxy, proxy options can also by specified with the
  -p switch

   := "http://" | "socks5://"
   :=  (":" )? "@"
   := "None" | ? ?  (":" )?

  Here are some examples (In case you are unfamiliar with the BNF):

  http://user:password@myproxyserver:8080
  socks5://myproxyserver
  None

Contact:
  If you experience bugs or want to request new features please visit 
  , if you have any problems
  or comments please feel free to contact me: