index.html 40 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8">
  5. <title>Usage</title>
  6. <meta name="author" content="Jonny W">
  7. <!-- Enable responsive viewport -->
  8. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  9. <!-- Le HTML5 shim, for IE6-8 support of HTML elements -->
  10. <!--[if lt IE 9]>
  11. <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
  12. <![endif]-->
  13. <!-- Le styles -->
  14. <link href="http://jonnnnyw.github.io/php-phantomjs/assets/resources/bootstrap/css/bootstrap.min.css" rel="stylesheet">
  15. <link href="http://jonnnnyw.github.io/php-phantomjs/assets/resources/font-awesome/css/font-awesome.min.css" rel="stylesheet">
  16. <link href="http://jonnnnyw.github.io/php-phantomjs/assets/resources/syntax/syntax.css" rel="stylesheet">
  17. <link href="http://jonnnnyw.github.io/php-phantomjs/assets/css/style.css" rel="stylesheet">
  18. <!-- Le fav and touch icons -->
  19. <!-- Update these with your own images
  20. <link rel="shortcut icon" href="images/favicon.ico">
  21. <link rel="apple-touch-icon" href="images/apple-touch-icon.png">
  22. <link rel="apple-touch-icon" sizes="72x72" href="images/apple-touch-icon-72x72.png">
  23. <link rel="apple-touch-icon" sizes="114x114" href="images/apple-touch-icon-114x114.png">
  24. -->
  25. <link rel="alternate" type="application/rss+xml" title="" href="http://jonnnnyw.github.io/php-phantomjs/feed.xml">
  26. <script>
  27. (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
  28. (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
  29. m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
  30. })(window,document,'script','//www.google-analytics.com/analytics.js','ga');
  31. ga('create', 'UA-53289013-1', 'auto');
  32. ga('send', 'pageview');
  33. </script>
  34. </head>
  35. <body>
  36. <nav class="navbar navbar-default visible-xs" role="navigation" id="global-nav">
  37. <!-- Brand and toggle get grouped for better mobile display -->
  38. <div class="navbar-header">
  39. <button type="button" class="navbar-toggle" data-parent="#global-nav" data-toggle="collapse" data-target="#navbar-collapse-main">
  40. <span class="sr-only">Toggle navigation</span>
  41. <span class="icon-bar"></span>
  42. <span class="icon-bar"></span>
  43. <span class="icon-bar"></span>
  44. </button>
  45. <button type="button" class="navbar-toggle version-toggle" data-parent="#global-nav" data-toggle="collapse" data-target="#navbar-collapse-version">
  46. <span class="sr-only">Toggle navigation</span>
  47. <span class="fa fa-terminal"><b>4.0</b> version</</span>
  48. </button>
  49. <a class="navbar-brand" href="http://jonnnnyw.github.io/php-phantomjs/">
  50. <img src="http://jonnnnyw.github.io/php-phantomjs/assets/media/phantomjs-small.png" class="img-circle" />
  51. PHP PhantomJs
  52. </a>
  53. </div>
  54. <div class="panel">
  55. <!-- Collect the nav links, forms, and other content for toggling -->
  56. <div class="collapse navbar-collapse" id="navbar-collapse-version">
  57. <ul class="nav navbar-nav">
  58. <li><a href="http://jonnnnyw.github.io/php-phantomjs/4.0/" title="Version 4.0" class="active"><b>4.0</b> version</a></li>
  59. <li><a href="http://jonnnnyw.github.io/php-phantomjs/3.0/" title="Version 3.0"><b>3.0</b> version</a></li>
  60. </ul>
  61. </div><!-- /.navbar-collapse -->
  62. </div>
  63. <div class="panel">
  64. <!-- Collect the nav links, forms, and other content for toggling -->
  65. <div class="collapse navbar-collapse" id="navbar-collapse-main">
  66. <ul class="nav navbar-nav">
  67. <li><a href="http://jonnnnyw.github.io/php-phantomjs/4.0/">Introduction</a></li>
  68. <li><a href="http://jonnnnyw.github.io/php-phantomjs/4.0/2-installation/">Installation</a></li>
  69. <li><a href="http://jonnnnyw.github.io/php-phantomjs/4.0/3-usage/">Usage</a></li>
  70. <li><a href="http://jonnnnyw.github.io/php-phantomjs/4.0/4-custom-scripts/">Custom Scripts</a></li>
  71. <li><a href="http://jonnnnyw.github.io/php-phantomjs/4.0/5-caching/">Caching</a></li>
  72. <li><a href="http://jonnnnyw.github.io/php-phantomjs/4.0/6-debugging/">Debugging</a></li>
  73. <li><a href="http://jonnnnyw.github.io/php-phantomjs/4.0/7-troubleshooting/">Troubleshooting</a></li>
  74. </ul>
  75. </div><!-- /.navbar-collapse -->
  76. </div>
  77. </nav>
  78. <!-- version-menu-dropdown -->
  79. <div class="btn-group hidden-xs" id="nav-version">
  80. <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">
  81. <i class="fa fa-terminal"><b>4.0</b> version</i>
  82. </button>
  83. <ul class="dropdown-menu" role="menu">
  84. <li><a href="http://jonnnnyw.github.io/php-phantomjs/4.0/" title="4.0 version" class="active"><b>4.0</b> version</a></li>
  85. <li><a href="http://jonnnnyw.github.io/php-phantomjs/3.0/" title="3.0 version"><b>3.0</b> version</a></li>
  86. <li class="divider"></li>
  87. </ul>
  88. </div>
  89. <!-- nav-menu-dropdown -->
  90. <div class="btn-group hidden-xs" id="nav-menu">
  91. <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">
  92. <i class="fa fa-bars"></i>
  93. </button>
  94. <ul class="dropdown-menu" role="menu">
  95. <li><a href="http://jonnnnyw.github.io/php-phantomjs/4.0/"><i class="fa fa-folder"></i>Introduction</a></li>
  96. <li><a href="http://jonnnnyw.github.io/php-phantomjs/4.0/2-installation/"><i class="fa fa-folder"></i>Installation</a></li>
  97. <li><a href="http://jonnnnyw.github.io/php-phantomjs/4.0/3-usage/"><i class="fa fa-folder"></i>Usage</a></li>
  98. <li><a href="http://jonnnnyw.github.io/php-phantomjs/4.0/4-custom-scripts/"><i class="fa fa-folder"></i>Custom Scripts</a></li>
  99. <li><a href="http://jonnnnyw.github.io/php-phantomjs/4.0/5-caching/"><i class="fa fa-folder"></i>Caching</a></li>
  100. <li><a href="http://jonnnnyw.github.io/php-phantomjs/4.0/6-debugging/"><i class="fa fa-folder"></i>Debugging</a></li>
  101. <li><a href="http://jonnnnyw.github.io/php-phantomjs/4.0/7-troubleshooting/"><i class="fa fa-folder"></i>Troubleshooting</a></li>
  102. <li class="divider"></li>
  103. <li><a href="#"><i class="fa fa-arrow-up"></i>Top of Page</a></li>
  104. </ul>
  105. </div>
  106. <div class="col-sm-3 sidebar hidden-xs">
  107. <! -- sidebar.html -->
  108. <header class="sidebar-header" role="banner">
  109. <a href="http://jonnnnyw.github.io/php-phantomjs/">
  110. <img src="http://jonnnnyw.github.io/php-phantomjs/assets/media/phantomjs.png" class="img-circle" />
  111. </a>
  112. <h3 class="title">
  113. <a href="http://jonnnnyw.github.io/php-phantomjs/">PHP PhantomJs</a>
  114. </h3>
  115. </header>
  116. <div id="bio" class="text-center">
  117. Run PhantomJS scripts through PHP
  118. </div>
  119. <div id="contact-list" class="text-center">
  120. <ul class="list-unstyled list-inline">
  121. <li>
  122. <iframe src="http://ghbtns.com/github-btn.html?user=jonnnnyw&repo=php-phantomjs&type=watch&count=true"
  123. allowtransparency="true" frameborder="0" scrolling="0" width="85" height="20"></iframe>
  124. </li>
  125. <li>
  126. <iframe src="http://ghbtns.com/github-btn.html?user=jonnnnyw&repo=php-phantomjs&type=fork&count=true"
  127. allowtransparency="true" frameborder="0" scrolling="0" width="83" height="20"></iframe>
  128. </li>
  129. </ul>
  130. </div>
  131. <! -- sidebar.html end -->
  132. </div>
  133. <p id="version-notice">You are currently viewing version <span>4.0</span> documentation.</p>
  134. <div class="col-sm-9 col-sm-offset-3">
  135. <div class="page-header">
  136. <h1>Usage </h1>
  137. </div>
  138. <article>
  139. <div class="col-sm-10">
  140. <div class="article_body">
  141. <p>This page contains some common examples of how to use the PHP PhantomJS library.</p>
  142. <ul>
  143. <li><a href="#setup">Setup</a></li>
  144. <li><a href="#basic-request">Basic Request</a></li>
  145. <li><a href="#post-request">POST Request</a></li>
  146. <li><a href="#other-request-methods">Other Request Methods</a></li>
  147. <li><a href="#response-data">Response Data</a></li>
  148. <li><a href="#screen-captures">Screen Captures</a></li>
  149. <li><a href="#output-to-pdf">Output To PDF</a></li>
  150. <li><a href="#set-viewport-size">Set Viewport Size</a></li>
  151. <li><a href="#set-background-color">Set Background Color</a></li>
  152. <li><a href="#custom-timeout">Custom Timeout</a></li>
  153. <li><a href="#delay-page-render">Delay Page Render</a></li>
  154. <li><a href="#on-load-finished">On Load Finished</a></li>
  155. <li><a href="#phantomjs-options">PhantomJS Options</a></li>
  156. <li><a href="#exceptions">Exceptions</a></li>
  157. </ul>
  158. <p>For more advanced customization or to load your own PhantomJS scripts, see the <a href="http://jonnnnyw.github.io/php-phantomjs/4.0/custom-scripts/">custom scripts</a> section.</p>
  159. <hr />
  160. <h2 id="setup">Setup</h2>
  161. <p>By default the PhantomJS library will look for the PhantomJS executable in the bin folder relative to where your script is running <code>~/bin/phantomjs</code>. If the executable cannot be found or if the path to your PhantomJS executable differs from the default location, for example you have installed PhantomJS globally, you will need to define the path to your PhantomJS executable manually.</p>
  162. <figure class="highlight"><pre><code class="language-php" data-lang="php"><span class="x"> </span>
  163. <span class="x"> </span><span class="cp">&lt;?php</span>
  164. <span class="k">use</span> <span class="nx">JonnyW\PhantomJs\Client</span><span class="p">;</span>
  165. <span class="nv">$client</span> <span class="o">=</span> <span class="nx">Client</span><span class="o">::</span><span class="na">getInstance</span><span class="p">();</span>
  166. <span class="nv">$client</span><span class="o">-&gt;</span><span class="na">getEngine</span><span class="p">()</span><span class="o">-&gt;</span><span class="na">setPath</span><span class="p">(</span><span class="s1">&#39;/path/to/phantomjs&#39;</span><span class="p">);</span>
  167. </code></pre></figure>
  168. <blockquote>
  169. <h4 id="note">Note</h4>
  170. <p>The path must include the name of the PhantomJS executable in it, not just a path to the directory containing the executable.</p>
  171. </blockquote>
  172. <h2 id="basic-request">Basic Request</h2>
  173. <p>A basic GET request:</p>
  174. <figure class="highlight"><pre><code class="language-php" data-lang="php"><span class="x"> </span>
  175. <span class="x"> </span><span class="cp">&lt;?php</span>
  176. <span class="k">use</span> <span class="nx">JonnyW\PhantomJs\Client</span><span class="p">;</span>
  177. <span class="nv">$client</span> <span class="o">=</span> <span class="nx">Client</span><span class="o">::</span><span class="na">getInstance</span><span class="p">();</span>
  178. <span class="nv">$request</span> <span class="o">=</span> <span class="nv">$client</span><span class="o">-&gt;</span><span class="na">getMessageFactory</span><span class="p">()</span><span class="o">-&gt;</span><span class="na">createRequest</span><span class="p">();</span>
  179. <span class="nv">$response</span> <span class="o">=</span> <span class="nv">$client</span><span class="o">-&gt;</span><span class="na">getMessageFactory</span><span class="p">()</span><span class="o">-&gt;</span><span class="na">createResponse</span><span class="p">();</span>
  180. <span class="nv">$request</span><span class="o">-&gt;</span><span class="na">setMethod</span><span class="p">(</span><span class="s1">&#39;GET&#39;</span><span class="p">);</span>
  181. <span class="nv">$request</span><span class="o">-&gt;</span><span class="na">setUrl</span><span class="p">(</span><span class="s1">&#39;http://jonnyw.me&#39;</span><span class="p">);</span>
  182. <span class="nv">$client</span><span class="o">-&gt;</span><span class="na">send</span><span class="p">(</span><span class="nv">$request</span><span class="p">,</span> <span class="nv">$response</span><span class="p">);</span>
  183. <span class="k">if</span><span class="p">(</span><span class="nv">$response</span><span class="o">-&gt;</span><span class="na">getStatus</span><span class="p">()</span> <span class="o">===</span> <span class="mi">200</span><span class="p">)</span> <span class="p">{</span>
  184. <span class="k">echo</span> <span class="nv">$response</span><span class="o">-&gt;</span><span class="na">getContent</span><span class="p">();</span>
  185. <span class="p">}</span></code></pre></figure>
  186. <p>You can also set the URL, request method and timeout period when creating a new request instance through the message factory:</p>
  187. <figure class="highlight"><pre><code class="language-php" data-lang="php"><span class="x"> </span><span class="cp">&lt;?php</span>
  188. <span class="o">...</span>
  189. <span class="nv">$request</span> <span class="o">=</span> <span class="nv">$client</span><span class="o">-&gt;</span><span class="na">getMessageFactory</span><span class="p">()</span><span class="o">-&gt;</span><span class="na">createRequest</span><span class="p">(</span><span class="s1">&#39;http://jonnyw.me&#39;</span><span class="p">,</span> <span class="s1">&#39;GET&#39;</span><span class="p">,</span> <span class="mi">5000</span><span class="p">);</span>
  190. <span class="o">...</span>
  191. </code></pre></figure>
  192. <h2 id="post-request">POST Request</h2>
  193. <p>A basic POST request:</p>
  194. <figure class="highlight"><pre><code class="language-php" data-lang="php"><span class="x"> </span><span class="cp">&lt;?php</span>
  195. <span class="k">use</span> <span class="nx">JonnyW\PhantomJs\Client</span><span class="p">;</span>
  196. <span class="nv">$client</span> <span class="o">=</span> <span class="nx">Client</span><span class="o">::</span><span class="na">getInstance</span><span class="p">();</span>
  197. <span class="nv">$request</span> <span class="o">=</span> <span class="nv">$client</span><span class="o">-&gt;</span><span class="na">getMessageFactory</span><span class="p">()</span><span class="o">-&gt;</span><span class="na">createRequest</span><span class="p">();</span>
  198. <span class="nv">$response</span> <span class="o">=</span> <span class="nv">$client</span><span class="o">-&gt;</span><span class="na">getMessageFactory</span><span class="p">()</span><span class="o">-&gt;</span><span class="na">createResponse</span><span class="p">();</span>
  199. <span class="nv">$data</span> <span class="o">=</span> <span class="k">array</span><span class="p">(</span>
  200. <span class="s1">&#39;param1&#39;</span> <span class="o">=&gt;</span> <span class="s1">&#39;Param 1&#39;</span><span class="p">,</span>
  201. <span class="s1">&#39;param2&#39;</span> <span class="o">=&gt;</span> <span class="s1">&#39;Param 2&#39;</span>
  202. <span class="p">);</span>
  203. <span class="nv">$request</span><span class="o">-&gt;</span><span class="na">setMethod</span><span class="p">(</span><span class="s1">&#39;POST&#39;</span><span class="p">);</span>
  204. <span class="nv">$request</span><span class="o">-&gt;</span><span class="na">setUrl</span><span class="p">(</span><span class="s1">&#39;http://jonnyw.me&#39;</span><span class="p">);</span>
  205. <span class="nv">$request</span><span class="o">-&gt;</span><span class="na">setRequestData</span><span class="p">(</span><span class="nv">$data</span><span class="p">);</span> <span class="c1">// Set post data</span>
  206. <span class="nv">$client</span><span class="o">-&gt;</span><span class="na">send</span><span class="p">(</span><span class="nv">$request</span><span class="p">,</span> <span class="nv">$response</span><span class="p">);</span></code></pre></figure>
  207. <h2 id="other-request-methods">Other Request Methods</h2>
  208. <p>The PHP PhantomJS library supports the following request methods:</p>
  209. <ul>
  210. <li>OPTIONS</li>
  211. <li>GET</li>
  212. <li>HEAD</li>
  213. <li>POST</li>
  214. <li>PUT</li>
  215. <li>DELETE</li>
  216. <li>PATCH</li>
  217. </ul>
  218. <p>The request method can be set when creating a new request instance through the message factory:</p>
  219. <figure class="highlight"><pre><code class="language-php" data-lang="php"><span class="x"> </span><span class="cp">&lt;?php</span>
  220. <span class="k">use</span> <span class="nx">JonnyW\PhantomJs\Client</span><span class="p">;</span>
  221. <span class="nv">$client</span> <span class="o">=</span> <span class="nx">Client</span><span class="o">::</span><span class="na">getInstance</span><span class="p">();</span>
  222. <span class="nv">$request</span> <span class="o">=</span> <span class="nv">$client</span><span class="o">-&gt;</span><span class="na">getMessageFactory</span><span class="p">()</span><span class="o">-&gt;</span><span class="na">createRequest</span><span class="p">(</span><span class="s1">&#39;http://jonnyw.me&#39;</span><span class="p">,</span> <span class="s1">&#39;PUT&#39;</span><span class="p">);</span></code></pre></figure>
  223. <p>Or on the request instance itself:</p>
  224. <figure class="highlight"><pre><code class="language-php" data-lang="php"><span class="x"> </span><span class="cp">&lt;?php</span>
  225. <span class="o">...</span>
  226. <span class="nv">$request</span> <span class="o">=</span> <span class="nv">$client</span><span class="o">-&gt;</span><span class="na">getMessageFactory</span><span class="p">()</span><span class="o">-&gt;</span><span class="na">createRequest</span><span class="p">();</span>
  227. <span class="nv">$request</span><span class="o">-&gt;</span><span class="na">setMethod</span><span class="p">(</span><span class="s1">&#39;PATCH&#39;</span><span class="p">);</span>
  228. <span class="o">...</span>
  229. </code></pre></figure>
  230. <h2 id="response-data">Response Data</h2>
  231. <p>A standard response object gives you access to the following interface:</p>
  232. <table>
  233. <thead>
  234. <tr>
  235. <th style="text-align: center">Accessor</th>
  236. <th>Description</th>
  237. <th style="text-align: center">Return Type</th>
  238. </tr>
  239. </thead>
  240. <tbody>
  241. <tr>
  242. <td style="text-align: center">getHeaders()</td>
  243. <td>Returns an array of all response headers.</td>
  244. <td style="text-align: center">Array</td>
  245. </tr>
  246. <tr>
  247. <td style="text-align: center">getHeader(<em>header</em>)</td>
  248. <td>Returns the value for a specific response header e.g. Content-Type.</td>
  249. <td style="text-align: center">Mixed</td>
  250. </tr>
  251. <tr>
  252. <td style="text-align: center">getStatus()</td>
  253. <td>The response status code e.g. 200.</td>
  254. <td style="text-align: center">Integer</td>
  255. </tr>
  256. <tr>
  257. <td style="text-align: center">getContent()</td>
  258. <td>The raw page content of the requested page.</td>
  259. <td style="text-align: center">String</td>
  260. </tr>
  261. <tr>
  262. <td style="text-align: center">getContentType()</td>
  263. <td>The content type of the requested page.</td>
  264. <td style="text-align: center">String</td>
  265. </tr>
  266. <tr>
  267. <td style="text-align: center">getUrl()</td>
  268. <td>The URL of the requested page.</td>
  269. <td style="text-align: center">String</td>
  270. </tr>
  271. <tr>
  272. <td style="text-align: center">getRedirectUrl()</td>
  273. <td>If the response was a redirect, this will return the redirect URL.</td>
  274. <td style="text-align: center">String</td>
  275. </tr>
  276. <tr>
  277. <td style="text-align: center">isRedirect()</td>
  278. <td>Will return true if the response was a redirect or false otherwise.</td>
  279. <td style="text-align: center">Boolean</td>
  280. </tr>
  281. <tr>
  282. <td style="text-align: center">getConsole()</td>
  283. <td>Returns an array of any javascript errors on the requested page along with a stack trace.</td>
  284. <td style="text-align: center">Array</td>
  285. </tr>
  286. </tbody>
  287. </table>
  288. <blockquote>
  289. <h4 id="note-1">Note</h4>
  290. <p>If the response ever contains a status code of 0, chances are the request failed. Check the request <a href="http://jonnnnyw.github.io/php-phantomjs/4.0/troubleshooting/#how-do-i-debug-a-request">debug log</a> for more detailed information about what may have gone wrong.</p>
  291. </blockquote>
  292. <h2 id="screen-captures">Screen Captures</h2>
  293. <p>You can save screen captures of a page to your local disk by creating a screen capture request and setting the path you wish to save the file to:</p>
  294. <figure class="highlight"><pre><code class="language-php" data-lang="php"><span class="x"> </span><span class="cp">&lt;?php</span>
  295. <span class="k">use</span> <span class="nx">JonnyW\PhantomJs\Client</span><span class="p">;</span>
  296. <span class="nv">$client</span> <span class="o">=</span> <span class="nx">Client</span><span class="o">::</span><span class="na">getInstance</span><span class="p">();</span>
  297. <span class="nv">$request</span> <span class="o">=</span> <span class="nv">$client</span><span class="o">-&gt;</span><span class="na">getMessageFactory</span><span class="p">()</span><span class="o">-&gt;</span><span class="na">createCaptureRequest</span><span class="p">(</span><span class="s1">&#39;http://jonnyw.me&#39;</span><span class="p">);</span>
  298. <span class="nv">$response</span> <span class="o">=</span> <span class="nv">$client</span><span class="o">-&gt;</span><span class="na">getMessageFactory</span><span class="p">()</span><span class="o">-&gt;</span><span class="na">createResponse</span><span class="p">();</span>
  299. <span class="nv">$file</span> <span class="o">=</span> <span class="s1">&#39;/path/to/save/your/screen/capture/file.jpg&#39;</span><span class="p">;</span>
  300. <span class="nv">$request</span><span class="o">-&gt;</span><span class="na">setOutputFile</span><span class="p">(</span><span class="nv">$file</span><span class="p">);</span>
  301. <span class="nv">$client</span><span class="o">-&gt;</span><span class="na">send</span><span class="p">(</span><span class="nv">$request</span><span class="p">,</span> <span class="nv">$response</span><span class="p">);</span></code></pre></figure>
  302. <p>You will need to make sure the directory that you are saving the file to exists and is writable by your application.</p>
  303. <p>You can also set the width, height, x and y axis for your screen capture:</p>
  304. <figure class="highlight"><pre><code class="language-php" data-lang="php"><span class="x"> </span><span class="cp">&lt;?php</span>
  305. <span class="o">...</span>
  306. <span class="nv">$top</span> <span class="o">=</span> <span class="mi">10</span><span class="p">;</span>
  307. <span class="nv">$left</span> <span class="o">=</span> <span class="mi">10</span><span class="p">;</span>
  308. <span class="nv">$width</span> <span class="o">=</span> <span class="mi">200</span><span class="p">;</span>
  309. <span class="nv">$height</span> <span class="o">=</span> <span class="mi">400</span><span class="p">;</span>
  310. <span class="nv">$request</span><span class="o">-&gt;</span><span class="na">setCaptureDimensions</span><span class="p">(</span><span class="nv">$width</span><span class="p">,</span> <span class="nv">$height</span><span class="p">,</span> <span class="nv">$top</span><span class="p">,</span> <span class="nv">$left</span><span class="p">);</span>
  311. <span class="o">...</span>
  312. </code></pre></figure>
  313. <blockquote>
  314. <h4 id="note-2">Note</h4>
  315. <p>Sometimes you may want to wait for all the resources on the page to load before saving a capture to disk. This can be achieved by either <a href="#delay-page-render">delaying the page render</a> or <a href="#on-load-finished">waiting for all resources to load</a>.</p>
  316. </blockquote>
  317. <h2 id="output-to-pdf">Output To PDF</h2>
  318. <p>You can output a page to PDF by creating a PDF request and setting the path you wish to save the document to.</p>
  319. <figure class="highlight"><pre><code class="language-php" data-lang="php"><span class="x"> </span><span class="cp">&lt;?php</span>
  320. <span class="k">use</span> <span class="nx">JonnyW\PhantomJs\Client</span><span class="p">;</span>
  321. <span class="nv">$client</span> <span class="o">=</span> <span class="nx">Client</span><span class="o">::</span><span class="na">getInstance</span><span class="p">();</span>
  322. <span class="nv">$request</span> <span class="o">=</span> <span class="nv">$client</span><span class="o">-&gt;</span><span class="na">getMessageFactory</span><span class="p">()</span><span class="o">-&gt;</span><span class="na">createPdfRequest</span><span class="p">(</span><span class="s1">&#39;http://jonnyw.me&#39;</span><span class="p">);</span>
  323. <span class="nv">$response</span> <span class="o">=</span> <span class="nv">$client</span><span class="o">-&gt;</span><span class="na">getMessageFactory</span><span class="p">()</span><span class="o">-&gt;</span><span class="na">createResponse</span><span class="p">();</span>
  324. <span class="nv">$file</span> <span class="o">=</span> <span class="s1">&#39;/path/to/save/your/pdf/document.pdf&#39;</span><span class="p">;</span>
  325. <span class="nv">$request</span><span class="o">-&gt;</span><span class="na">setOutputFile</span><span class="p">(</span><span class="nv">$file</span><span class="p">);</span>
  326. <span class="nv">$client</span><span class="o">-&gt;</span><span class="na">send</span><span class="p">(</span><span class="nv">$request</span><span class="p">,</span> <span class="nv">$response</span><span class="p">);</span></code></pre></figure>
  327. <p>You can set an optional repeating header and/or footer to the PDF output.</p>
  328. <figure class="highlight"><pre><code class="language-php" data-lang="php"><span class="x"> </span><span class="cp">&lt;?php</span>
  329. <span class="o">...</span>
  330. <span class="nv">$request</span><span class="o">-&gt;</span><span class="na">setRepeatingHeader</span><span class="p">(</span><span class="s1">&#39;&lt;h1&gt;Header &lt;span style=&quot;float:right&quot;&gt;%pageNum% / %pageTotal%&lt;/span&gt;&lt;/h1&gt;&#39;</span><span class="p">[,</span> <span class="nx">height</span><span class="p">]);</span>
  331. <span class="nv">$request</span><span class="o">-&gt;</span><span class="na">setRepeatingFooter</span><span class="p">(</span><span class="s1">&#39;&lt;footer&gt;Footer &lt;span style=&quot;float:right&quot;&gt;%pageNum% / %pageTotal%&lt;/span&gt;&lt;/footer&gt;&#39;</span><span class="p">[,</span> <span class="nx">height</span><span class="p">]);</span>
  332. <span class="o">...</span></code></pre></figure>
  333. <p>The <code>setRepeatingHeader</code> and <code>setRepeatingFooter</code> methods take an optional second parameter that allows you to set the height of the header and/or footer. This defaults to <code>1cm</code>. You may also use the <code>%pageNum%</code> and <code>%pageTotal%</code> placeholders to output the current page and total page count for each. Inline styles can be applied to the injected header and footer tags allowing you to define the look and feel.</p>
  334. <p>You can set the paper size and margin of the PDF.</p>
  335. <figure class="highlight"><pre><code class="language-php" data-lang="php"><span class="x"> </span><span class="cp">&lt;?php</span>
  336. <span class="o">...</span>
  337. <span class="nv">$width</span> <span class="o">=</span> <span class="s1">&#39;10cm&#39;</span><span class="p">;</span>
  338. <span class="nv">$height</span> <span class="o">=</span> <span class="s1">&#39;20cm&#39;</span><span class="p">;</span>
  339. <span class="nv">$margin</span> <span class="o">=</span> <span class="s1">&#39;2cm&#39;</span><span class="p">;</span>
  340. <span class="nv">$request</span><span class="o">-&gt;</span><span class="na">setPaperSize</span><span class="p">(</span><span class="nv">$width</span><span class="p">,</span> <span class="nv">$height</span><span class="p">);</span>
  341. <span class="nv">$request</span><span class="o">-&gt;</span><span class="na">setMargin</span><span class="p">(</span><span class="nv">$margin</span><span class="p">);</span>
  342. <span class="o">...</span>
  343. </code></pre></figure>
  344. <p>If you prefer, you can set a standard paper format such as A4 instead of paper size.</p>
  345. <figure class="highlight"><pre><code class="language-php" data-lang="php"><span class="x"> </span><span class="cp">&lt;?php</span>
  346. <span class="o">...</span>
  347. <span class="nv">$format</span> <span class="o">=</span> <span class="s1">&#39;A4&#39;</span><span class="p">;</span>
  348. <span class="nv">$request</span><span class="o">-&gt;</span><span class="na">setFormat</span><span class="p">(</span><span class="nv">$format</span><span class="p">);</span>
  349. <span class="o">...</span>
  350. </code></pre></figure>
  351. <p>Along with the paper orientation.</p>
  352. <figure class="highlight"><pre><code class="language-php" data-lang="php"><span class="x"> </span><span class="cp">&lt;?php</span>
  353. <span class="o">...</span>
  354. <span class="nv">$orientation</span> <span class="o">=</span> <span class="s1">&#39;landscape&#39;</span><span class="p">;</span>
  355. <span class="nv">$request</span><span class="o">-&gt;</span><span class="na">setOrientation</span><span class="p">(</span><span class="nv">$orientation</span><span class="p">);</span>
  356. <span class="o">...</span>
  357. </code></pre></figure>
  358. <blockquote>
  359. <h4 id="note-3">Note</h4>
  360. <p>Sometimes you may want to wait for all the resources on the page to load before outputting to PDF. This can be achieved by either <a href="#delay-page-render">delaying the page render</a> or <a href="#on-load-finished">waiting for all resources to load</a>.</p>
  361. </blockquote>
  362. <h2 id="set-viewport-size">Set Viewport Size</h2>
  363. <p>You can easily set the viewport size for a request:</p>
  364. <figure class="highlight"><pre><code class="language-php" data-lang="php"><span class="x"> </span><span class="cp">&lt;?php</span>
  365. <span class="o">...</span>
  366. <span class="nv">$width</span> <span class="o">=</span> <span class="mi">200</span><span class="p">;</span>
  367. <span class="nv">$height</span> <span class="o">=</span> <span class="mi">400</span><span class="p">;</span>
  368. <span class="nv">$request</span> <span class="o">=</span> <span class="nv">$client</span><span class="o">-&gt;</span><span class="na">getMessageFactory</span><span class="p">()</span><span class="o">-&gt;</span><span class="na">createRequest</span><span class="p">(</span><span class="s1">&#39;http://jonnyw.me&#39;</span><span class="p">);</span>
  369. <span class="nv">$request</span><span class="o">-&gt;</span><span class="na">setViewportSize</span><span class="p">(</span><span class="nv">$width</span><span class="p">,</span> <span class="nv">$height</span><span class="p">);</span>
  370. <span class="o">...</span>
  371. </code></pre></figure>
  372. <h2 id="set-background-color">Set Background Color</h2>
  373. <p>You can force the background color of the requested page by setting a <code>backgroundColor</code> body style:</p>
  374. <figure class="highlight"><pre><code class="language-php" data-lang="php"><span class="x"> </span><span class="cp">&lt;?php</span>
  375. <span class="o">...</span>
  376. <span class="nv">$request</span> <span class="o">=</span> <span class="nv">$client</span><span class="o">-&gt;</span><span class="na">getMessageFactory</span><span class="p">()</span><span class="o">-&gt;</span><span class="na">createRequest</span><span class="p">(</span><span class="s1">&#39;http://jonnyw.me&#39;</span><span class="p">);</span>
  377. <span class="nv">$request</span><span class="o">-&gt;</span><span class="na">setBodyStyles</span><span class="p">(</span><span class="k">array</span><span class="p">(</span>
  378. <span class="s1">&#39;backgroundColor&#39;</span> <span class="o">=&gt;</span> <span class="s1">&#39;#ff0000&#39;</span>
  379. <span class="p">));</span>
  380. <span class="o">...</span>
  381. </code></pre></figure>
  382. <p>The <code>setBodyStyles</code> method can be used to set any valid CSS styles on the body tag; it is not limited to just background color.</p>
  383. <h2 id="custom-timeout">Custom Timeout</h2>
  384. <p>By default, each request will timeout after 5 seconds. You can set a custom timeout period (in milliseconds) for each request:</p>
  385. <figure class="highlight"><pre><code class="language-php" data-lang="php"><span class="x"> </span><span class="cp">&lt;?php</span>
  386. <span class="o">...</span>
  387. <span class="nv">$timeout</span> <span class="o">=</span> <span class="mi">10000</span><span class="p">;</span> <span class="c1">// 10 seconds</span>
  388. <span class="nv">$request</span> <span class="o">=</span> <span class="nv">$client</span><span class="o">-&gt;</span><span class="na">getMessageFactory</span><span class="p">()</span><span class="o">-&gt;</span><span class="na">createRequest</span><span class="p">(</span><span class="s1">&#39;http://jonnyw.me&#39;</span><span class="p">);</span>
  389. <span class="nv">$request</span><span class="o">-&gt;</span><span class="na">setTimeout</span><span class="p">(</span><span class="nv">$timeout</span><span class="p">);</span>
  390. <span class="o">...</span>
  391. </code></pre></figure>
  392. <h2 id="delay-page-render">Delay Page Render</h2>
  393. <p>Sometimes when saving a page to local disk you may want to wait until the page is completely loaded first. In this instance you can set a page render delay (in seconds) for the request:</p>
  394. <figure class="highlight"><pre><code class="language-php" data-lang="php"><span class="x"> </span><span class="cp">&lt;?php</span>
  395. <span class="o">...</span>
  396. <span class="nv">$delay</span> <span class="o">=</span> <span class="mi">5</span><span class="p">;</span> <span class="c1">// 5 seconds</span>
  397. <span class="nv">$request</span> <span class="o">=</span> <span class="nv">$client</span><span class="o">-&gt;</span><span class="na">getMessageFactory</span><span class="p">()</span><span class="o">-&gt;</span><span class="na">createCaptureRequest</span><span class="p">(</span><span class="s1">&#39;http://jonnyw.me&#39;</span><span class="p">);</span>
  398. <span class="nv">$request</span><span class="o">-&gt;</span><span class="na">setDelay</span><span class="p">(</span><span class="nv">$delay</span><span class="p">);</span>
  399. <span class="o">...</span>
  400. </code></pre></figure>
  401. <h2 id="on-load-finished">On Load Finished</h2>
  402. <p>Another way of delaying the page render is to wait until all the resources on the page have finished loading. This includes things like images, AJAX requests etc. This can be achieved by telling the client to lazy load the request.</p>
  403. <figure class="highlight"><pre><code class="language-php" data-lang="php"><span class="x"> </span><span class="cp">&lt;?php</span>
  404. <span class="o">...</span>
  405. <span class="k">use</span> <span class="nx">JonnyW\PhantomJs\Client</span><span class="p">;</span>
  406. <span class="nv">$client</span> <span class="o">=</span> <span class="nx">Client</span><span class="o">::</span><span class="na">getInstance</span><span class="p">();</span>
  407. <span class="nv">$client</span><span class="o">-&gt;</span><span class="na">isLazy</span><span class="p">();</span> <span class="c1">// Tells the client to wait for all resources before rendering</span>
  408. <span class="nv">$request</span> <span class="o">=</span> <span class="nv">$client</span><span class="o">-&gt;</span><span class="na">getMessageFactory</span><span class="p">()</span><span class="o">-&gt;</span><span class="na">createRequest</span><span class="p">();</span>
  409. <span class="nv">$request</span><span class="o">-&gt;</span><span class="na">setTimeout</span><span class="p">(</span><span class="mi">5000</span><span class="p">);</span> <span class="c1">// Will render page if this timeout is reached and resources haven&#39;t finished loading</span>
  410. <span class="o">...</span>
  411. </code></pre></figure>
  412. <blockquote>
  413. <h4 id="note-4">Note</h4>
  414. <p>It is recommended that you set a timeout on the request when lazy loading. This guarantees that the request will return content after a period of time even if page resources are still loading. Without this you may run into issues on pages that poll resources at short intervals.</p>
  415. </blockquote>
  416. <h2 id="phantomjs-options">PhantomJS Options</h2>
  417. <p>The PhantomJS API contains a range of command line options that can be passed when executing the PhantomJS executable. These can also be passed in via the client before a request:</p>
  418. <figure class="highlight"><pre><code class="language-php" data-lang="php"><span class="x"> </span><span class="cp">&lt;?php</span>
  419. <span class="k">use</span> <span class="nx">JonnyW\PhantomJs\Client</span><span class="p">;</span>
  420. <span class="nv">$client</span> <span class="o">=</span> <span class="nx">Client</span><span class="o">::</span><span class="na">getInstance</span><span class="p">();</span>
  421. <span class="nv">$client</span><span class="o">-&gt;</span><span class="na">getEngine</span><span class="p">()</span><span class="o">-&gt;</span><span class="na">addOption</span><span class="p">(</span><span class="s1">&#39;--load-images=true&#39;</span><span class="p">);</span>
  422. <span class="nv">$client</span><span class="o">-&gt;</span><span class="na">getEngine</span><span class="p">()</span><span class="o">-&gt;</span><span class="na">addOption</span><span class="p">(</span><span class="s1">&#39;--ignore-ssl-errors=true&#39;</span><span class="p">);</span>
  423. <span class="nv">$request</span> <span class="o">=</span> <span class="nv">$client</span><span class="o">-&gt;</span><span class="na">getMessageFactory</span><span class="p">()</span><span class="o">-&gt;</span><span class="na">createRequest</span><span class="p">(</span><span class="s1">&#39;http://jonnyw.me&#39;</span><span class="p">);</span>
  424. <span class="nv">$response</span> <span class="o">=</span> <span class="nv">$client</span><span class="o">-&gt;</span><span class="na">getMessageFactory</span><span class="p">()</span><span class="o">-&gt;</span><span class="na">createResponse</span><span class="p">();</span>
  425. <span class="nv">$client</span><span class="o">-&gt;</span><span class="na">send</span><span class="p">(</span><span class="nv">$request</span><span class="p">,</span> <span class="nv">$response</span><span class="p">);</span></code></pre></figure>
  426. <p>You can also set a path to a JSON configuration file that contains multiple PhantomJS options:</p>
  427. <figure class="highlight"><pre><code class="language-php" data-lang="php"><span class="x"> </span><span class="cp">&lt;?php</span>
  428. <span class="o">...</span>
  429. <span class="nv">$client</span> <span class="o">=</span> <span class="nx">Client</span><span class="o">::</span><span class="na">getInstance</span><span class="p">();</span>
  430. <span class="nv">$client</span><span class="o">-&gt;</span><span class="na">getEngine</span><span class="p">()</span><span class="o">-&gt;</span><span class="na">addOption</span><span class="p">(</span><span class="s1">&#39;--config=/path/to/config.json&#39;</span><span class="p">);</span>
  431. <span class="o">...</span></code></pre></figure>
  432. <p>See the <a href="http://phantomjs.org/api/command-line.html">PhantomJS Documentation</a> for a full list of command line options.</p>
  433. <h2 id="exceptions">Exceptions</h2>
  434. <p>The following offers an explanation of the exceptions that may be raised by the PhantomJS library.</p>
  435. <table>
  436. <thead>
  437. <tr>
  438. <th>Exception</th>
  439. <th>Description</th>
  440. </tr>
  441. </thead>
  442. <tbody>
  443. <tr>
  444. <td>InvalidExecutableException</td>
  445. <td>The path to the PhantomJS executable is invalid or is not executable.</td>
  446. </tr>
  447. <tr>
  448. <td>InvalidMethodException</td>
  449. <td>The request method is invalid. It must be one of OPTIONS, GET, HEAD, POST, PUT, DELETE or PATCH.</td>
  450. </tr>
  451. <tr>
  452. <td>InvalidUrlException</td>
  453. <td>The URL you are requesting is an invalid format.</td>
  454. </tr>
  455. <tr>
  456. <td>NotExistsException</td>
  457. <td>A file could not be found or does not exist.</td>
  458. </tr>
  459. <tr>
  460. <td>NotWritableException</td>
  461. <td>A file could not be written.</td>
  462. </tr>
  463. <tr>
  464. <td>ProcedureFailedException</td>
  465. <td>A PhantomJS script failed to execute successfully.</td>
  466. </tr>
  467. <tr>
  468. <td>RequirementException</td>
  469. <td>A PhantomJS script is missing a required element e.g. <code>phantom.exit(1);</code>.</td>
  470. </tr>
  471. <tr>
  472. <td>SyntaxException</td>
  473. <td>A PhantomJS script contains a javascript syntax error.</td>
  474. </tr>
  475. </tbody>
  476. </table>
  477. </div>
  478. </div>
  479. <div class="clearfix"></div>
  480. <hr>
  481. <ul class="pager">
  482. <li class="previous"><a href="http://jonnnnyw.github.io/php-phantomjs/4.0/4-custom-scripts/" title="Custom Scripts">&larr; Custom Scripts</a></li>
  483. <li class="next"><a href="http://jonnnnyw.github.io/php-phantomjs/4.0/2-installation/" title="Installation">Installation &rarr;</a></li>
  484. </ul>
  485. </article>
  486. <footer>
  487. <hr/>
  488. <p>
  489. &copy; 2016 PHP PhantomJs
  490. </p>
  491. </footer>
  492. </div>
  493. <script type="text/javascript" src="http://jonnnnyw.github.io/php-phantomjs/assets/resources/jquery/jquery.min.js"></script>
  494. <script type="text/javascript" src="http://jonnnnyw.github.io/php-phantomjs/assets/resources/bootstrap/js/bootstrap.min.js"></script>
  495. <script type="text/javascript" src="http://jonnnnyw.github.io/php-phantomjs/assets/js/app.js"></script>
  496. </body>
  497. </html>