Inicio Explorar Ayuda
Iniciar sesión
mrkad
/
php-phantomjs
espejo de https://github.com/jonnnnyw/php-phantomjs.git
1
0
Fork 0
Archivos Incidencias 0 Wiki
Árbol: ff6c68df65
Ramas Etiquetas
php-phantomjs
/
_site
/
introduction.html

introduction.html 12 KB
Histórico Raw

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285 
  1. <!DOCTYPE html>
    2. 

  2. <html>
    3. 

  3. <head>
    4. 

  4. 	<meta charset="utf-8">
    5. 

  5. 	<title>Introduction</title>
    6. 

  6. 	
    7. 

  7. 	<meta name="author" content="Jonny W">
    8. 

  8. 

  9. 	<!-- Enable responsive viewport -->
    10. 

  10. 	<meta name="viewport" content="width=device-width, initial-scale=1.0">
    11. 

  11. 

  12. 	<!-- Le HTML5 shim, for IE6-8 support of HTML elements -->
    13. 

  13. 	<!--[if lt IE 9]>
    14. 

  14. 	<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
    15. 

  15. 	<![endif]-->
    16. 

  16. 

  17. 	<!-- Le styles -->
    18. 

  18. 	<link href="/assets/resources/bootstrap/css/bootstrap.min.css" rel="stylesheet">
    19. 

  19. 	<link href="/assets/resources/font-awesome/css/font-awesome.min.css" rel="stylesheet">
    20. 

  20. 	<link href="/assets/resources/syntax/syntax.css" rel="stylesheet">
    21. 

  21. 	<link href="/assets/css/style.css" rel="stylesheet">
    22. 

  22. 

  23. 	<!-- Le fav and touch icons -->
    24. 

  24. 	<!-- Update these with your own images
    25. 

  25. 	<link rel="shortcut icon" href="images/favicon.ico">
    26. 

  26. 	<link rel="apple-touch-icon" href="images/apple-touch-icon.png">
    27. 

  27. 	<link rel="apple-touch-icon" sizes="72x72" href="images/apple-touch-icon-72x72.png">
    28. 

  28. 	<link rel="apple-touch-icon" sizes="114x114" href="images/apple-touch-icon-114x114.png">
    29. 

  29. 	-->
    30. 

  30. 

  31. 	<link rel="alternate" type="application/rss+xml" title="" href="/feed.xml">
    32. 

  32. </head>
    33. 

  33. 

  34. <body>
    35. 

  35. 	<nav class="navbar navbar-default visible-xs" role="navigation">
    36. 

  36. 		<!-- Brand and toggle get grouped for better mobile display -->
    37. 

  37. 		<div class="navbar-header">
    38. 

  38. 			<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
    39. 

  39. 				<span class="sr-only">Toggle navigation</span>
    40. 

  40. 				<span class="icon-bar"></span>
    41. 

  41. 				<span class="icon-bar"></span>
    42. 

  42. 				<span class="icon-bar"></span>
    43. 

  43. 			</button>
    44. 

  44. 			
    45. 

  45. 			<!--
    46. 

  46. 			
    47. 

  47. 			
    48. 

  48. 			
    49. 

  49. 			<a type="button" class="navbar-toggle nav-link" href="mailto:contact@jonnyw.me">
    50. 

  50. 				<i class="fa fa-envelope"></i>
    51. 

  51. 			</a>
    52. 

  52. 			
    53. 

  53. 			
    54. 

  54. 			-->
    55. 

  55. 			
    56. 

  56. 			<a class="navbar-brand" href="/">
    57. 

  57. 				<img src="/assets/media/phantomjs-small.png" class="img-circle" />
    58. 

  58. 				PHP PhantomJs
    59. 

  59. 			</a>
    60. 

  60. 		</div>
    61. 

  61. 

  62. 		<!-- Collect the nav links, forms, and other content for toggling -->
    63. 

  63. 		<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
    64. 

  64. 			<ul class="nav navbar-nav">
    65. 

  65. 				<li class="active"><a href="/">Home</a></li>
    66. 

  66. 				<li><a href="/installation.html">Installation</a></li>
    67. 

  67. 				<li><a href="/usage.html">Usage</a></li>
    68. 

  68. 				<li><a href="/advanced.html">Advanced</a></li>
    69. 

  69. 				<li><a href="/debugging.html">Debugging</a></li>
    70. 

  70. 				<li><a href="/troubleshooting.html">Troubleshooting</a></li>
    71. 

  71. 			</ul>
    72. 

  72. 		</div><!-- /.navbar-collapse -->
    73. 

  73. 	</nav>
    74. 

  74. 

  75. 	<!-- nav-menu-dropdown -->
    76. 

  76. 	<div class="btn-group hidden-xs" id="nav-menu">
    77. 

  77. 		<button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">
    78. 

  78. 			<i class="fa fa-bars"></i>
    79. 

  79. 		</button>
    80. 

  80. 		<ul class="dropdown-menu" role="menu">
    81. 

  81. 		    <li><a href="/"><i class="fa fa-home"></i>Home</a></li>
    82. 

  82. 			<li><a href="/installation.html"><i class="fa fa-folder"></i>Installation</a></li>
    83. 

  83. 			<li><a href="/usage.html"><i class="fa fa-folder"></i>Usage</a></li>
    84. 

  84. 			<li><a href="/advanced.html"><i class="fa fa-folder"></i>Advanced</a></li>
    85. 

  85. 			<li><a href="/debugging.html"><i class="fa fa-folder"></i>Debugging</a></li>
    86. 

  86. 			<li><a href="/troubleshooting.html"><i class="fa fa-folder"></i>Troubleshooting</a></li>
    87. 

  87. 			<li class="divider"></li>
    88. 

  88. 			<li><a href="#"><i class="fa fa-arrow-up"></i>Top of Page</a></li>
    89. 

  89. 		</ul>
    90. 

  90. 	</div>
    91. 

  91. 

  92. 	<div class="col-sm-3 sidebar hidden-xs">
    93. 

  93. 		<! -- sidebar.html -->
    94. 

  94. <header class="sidebar-header" role="banner">
    95. 

  95. 	<a href="/">
    96. 

  96. 		<img src="/assets/media/phantomjs.png" class="img-circle" />
    97. 

  97. 	</a>
    98. 

  98. 	<h3 class="title">
    99. 

  99.         <a href="/">PHP PhantomJs</a>
    100. 

  100.     </h3>
    101. 

  101. </header>
    102. 

  102. 

  103. 

  104. <div id="bio" class="text-center">
    105. 

  105. 	Run PhantomJS scripts through PHP
    106. 

  106. </div>
    107. 

  107. 

  108. 

  109. <div id="contact-list" class="text-center">
    110. 

  110. <!--
    111. 

  111. 	<ul class="list-unstyled list-inline">
    112. 

  112. 		
    113. 

  113. 		
    114. 

  114. 		
    115. 

  115. 		<li>
    116. 

  116. 			<a class="btn btn-default btn-sm" href="mailto:contact@jonnyw.me">
    117. 

  117. 				<i class="fa fa-envelope fa-lg"></i>
    118. 

  118. 			</a>
    119. 

  119. 		</li>
    120. 

  120. 		
    121. 

  121. 	</ul>
    122. 

  122. 	<ul id="contact-list-secondary" class="list-unstyled list-inline">
    123. 

  123. 		
    124. 

  124. 		
    125. 

  125. 		<li>
    126. 

  126. 			<a class="btn btn-default btn-sm" href="/feed.xml">
    127. 

  127. 				<i class="fa fa-rss fa-lg"></i>
    128. 

  128. 			</a>
    129. 

  129. 		</li>
    130. 

  130. 	</ul>
    131. 

  131. -->
    132. 

  132. </div>
    133. 

  133. <! -- sidebar.html end -->
    134. 

  134. 

  135. 	</div>
    136. 

  136. 

  137. 	<div class="col-sm-9 col-sm-offset-3">
    138. 

  138. 		<div class="page-header">
    139. 

  139.   <h1>Introduction </h1>
    140. 

  140. </div>
    141. 

  141. 	
    142. 

  142. <article>
    143. 

  143. 

  144. 	<div class="col-sm-10">
    145. 

  145. 	
    146. 

  146. 	  <div class="article_body">
    147. 

  147. 	  <p>PHP PhantomJS is a flexible PHP library to load pages through the PhantomJS headless browser and return the page response. It is handy for testing websites that demand javascript support and also supports screen captures.</p>
    148. 

  148. 

  149. <h2 id="feature-list">Feature List</h2>
    150. 

  150. 

  151. <ul>
    152. 

  152.   <li>Load webpages through the PhantomJS headless browser</li>
    153. 

  153.   <li>View detailed response data including page content, headers, status<br />
    154. 

  154. code etc.</li>
    155. 

  155.   <li>Handle redirects</li>
    156. 

  156.   <li>View javascript console errors</li>
    157. 

  157.   <li>View detailed PhantomJS debuged information</li>
    158. 

  158.   <li>Save screen captures to local disk</li>
    159. 

  159.   <li>Define screen capture x, y, width and height parameters</li>
    160. 

  160.   <li>Delay page rendering for a specified time</li>
    161. 

  161.   <li>Execute PhantomJS with command line options</li>
    162. 

  162.   <li>Easily build and run custom PhantomJS scripts</li>
    163. 

  163. </ul>
    164. 

  164. 

  165. <h2 id="prerequisites">Prerequisites</h2>
    166. 

  166. 

  167. <p>PHP PhantomJS requires PHP <strong>5.3.0</strong> or greater to run.</p>
    168. 

  168. 

  169. <h2 id="installation">Installation</h2>
    170. 

  170. 

  171. <p>It is recommended that you use Composer to install PHP PhantomJS. First, add the following to your project’s <code>composer.json</code> file:</p>
    172. 

  172. 

  173. <div class="highlight"><pre><code class="language-yaml" data-lang="yaml"><span class="s">&quot;scripts&quot;</span><span class="p-Indicator">:</span> <span class="p-Indicator">{</span>
    174. 

  174.         <span class="s">&quot;post-install-cmd&quot;</span><span class="p-Indicator">:</span> <span class="p-Indicator">[</span>
    175. 

  175.             <span class="s">&quot;PhantomInstaller\\Installer::installPhantomJS&quot;</span>
    176. 

  176.         <span class="p-Indicator">],</span>
    177. 

  177.         <span class="s">&quot;post-update-cmd&quot;</span><span class="p-Indicator">:</span> <span class="p-Indicator">[</span>
    178. 

  178.             <span class="s">&quot;PhantomInstaller\\Installer::installPhantomJS&quot;</span>
    179. 

  179.         <span class="p-Indicator">]</span>
    180. 

  180.     <span class="p-Indicator">}</span></code></pre></div>
    181. 

  181. 

  182. <p>This will ensure the latest version of PhantomJS is installed for your system, in your bin folder. If you haven’t defined your bin folder in your composer.json, add the path:</p>
    183. 

  183. 

  184. <div class="highlight"><pre><code class="language-yaml" data-lang="yaml"><span class="s">&quot;config&quot;</span><span class="p-Indicator">:</span> <span class="p-Indicator">{</span>
    185. 

  185.         <span class="s">&quot;bin-dir&quot;</span><span class="p-Indicator">:</span> <span class="s">&quot;bin&quot;</span>
    186. 

  186.     <span class="p-Indicator">}</span></code></pre></div>
    187. 

  187. 

  188. <p>Finally, install PHP PhantomJS from the root of your project:</p>
    189. 

  189. 

  190. <div class="highlight"><pre><code class="language-bash" data-lang="bash">composer require <span class="s2">&quot;jonnyw/php-phantomjs:3.*&quot;</span></code></pre></div>
    191. 

  191. 

  192. <p>If you would like to use another installation method or would like to see more detailed installation instructions, see the <a href="/installation.html">installation</a> documentation.</p>
    193. 

  193. 

  194. <h2 id="basic-usage">Basic Usage</h2>
    195. 

  195. 

  196. <p>The following illustrates how to make a basic GET request and output the page content:</p>
    197. 

  197. 

  198. <div class="highlight"><pre><code class="language-php" data-lang="php"><span class="cp">&lt;?php</span>
    199. 

  199. 

  200.     <span class="k">use</span> <span class="nx">JonnyW\PhantomJs\Client</span><span class="p">;</span>
    201. 

  201. 

  202.     <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>
    203. 

  203. 

  204.     <span class="sd">/** </span>
    205. 

  205. <span class="sd">     * @see JonnyW\PhantomJs\Message\Request </span>
    206. 

  206. <span class="sd">     **/</span>
    207. 

  207.     <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://google.com&#39;</span><span class="p">,</span> <span class="s1">&#39;GET&#39;</span><span class="p">);</span>
    208. 

  208. 

  209.     <span class="sd">/** </span>
    210. 

  210. <span class="sd">     * @see JonnyW\PhantomJs\Message\Response </span>
    211. 

  211. <span class="sd">     **/</span>
    212. 

  212.     <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>
    213. 

  213. 

  214.     <span class="c1">// Send the request</span>
    215. 

  215.     <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>
    216. 

  216. 

  217.     <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>
    218. 

  218. 

  219.         <span class="c1">// Dump the requested page content</span>
    220. 

  220.         <span class="k">echo</span> <span class="nv">$response</span><span class="o">-&gt;</span><span class="na">getContent</span><span class="p">();</span>
    221. 

  221.     <span class="p">}</span></code></pre></div>
    222. 

  222. 

  223. <p>And if you would like to save a screen capture to local disk:</p>
    224. 

  224. 

  225. <div class="highlight"><pre><code class="language-php" data-lang="php"><span class="cp">&lt;?php</span>
    226. 

  226. 

  227.     <span class="k">use</span> <span class="nx">JonnyW\PhantomJs\Client</span><span class="p">;</span>
    228. 

  228. 

  229.     <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>
    230. 

  230. 

  231.     <span class="sd">/** </span>
    232. 

  232. <span class="sd">     * @see JonnyW\PhantomJs\Message\CaptureRequest</span>
    233. 

  233. <span class="sd">     **/</span>
    234. 

  234.     <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://google.com&#39;</span><span class="p">,</span> <span class="s1">&#39;GET&#39;</span><span class="p">);</span>
    235. 

  235.     <span class="nv">$request</span><span class="o">-&gt;</span><span class="na">setCaptureFile</span><span class="p">(</span><span class="s1">&#39;/path/to/save/capture/file.jpg&#39;</span><span class="p">);</span>
    236. 

  236. 

  237.     <span class="sd">/** </span>
    238. 

  238. <span class="sd">     * @see JonnyW\PhantomJs\Message\Response </span>
    239. 

  239. <span class="sd">     **/</span>
    240. 

  240.     <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>
    241. 

  241. 

  242.     <span class="c1">// Send the request</span>
    243. 

  243.     <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></div>
    244. 

  244. 

  245. <p>For more detailed examples see the <a href="/usage.html">usage</a> section, or to create your own custom scripts check out the <a href="/advanced.html">advanced</a> documentation.</p>
    246. 

  246. 

  247. 

  248. 	  </div>
    249. 

  249. 

  250.     </div>
    251. 

  251. 

  252.     <div class="clearfix"></div>
    253. 

  253. 

  254. 		<ul class="pager">
    255. 

  255. 		  
    256. 

  256. 		  <li class="previous"><a href="/installation.html" title="Installation">&larr; Installation</a></li>
    257. 

  257. 		  
    258. 

  258. 		  
    259. 

  259. 		</ul>
    260. 

  260. 

  261. 		<hr>
    262. 

  262. 	</div>
    263. 

  263. 	
    264. 

  264. 	<div class="col-sm-2 sidebar-2">
    265. 

  265. 	
    266. 

  266. 	</div>
    267. 

  267. </article>
    268. 

  268. <div class="clearfix"></div>
    269. 

  269. 

  270. 

  271. 

  272. 		<footer>
    273. 

  273. 			<hr/>
    274. 

  274. 			<p>
    275. 

  275. 				&copy; 2014 PHP PhantomJs. Theme: Modified <a href="https://github.com/dbtek/dbyll">dbyll</a> by dbtek.
    276. 

  276. 			</p>
    277. 

  277. 		</footer>
    278. 

  278. 	</div>
    279. 

  279. 

  280. 	<script type="text/javascript" src="/assets/resources/jquery/jquery.min.js"></script>
    281. 

  281. 	<script type="text/javascript" src="/assets/resources/bootstrap/js/bootstrap.min.js"></script>
    282. 

  282. 	<script type="text/javascript" src="/assets/js/app.js"></script>
    283. 

  283. </body>
    284. 

  284. </html>
    285. 

  285.