{"id":4452,"date":"2021-01-15T12:00:06","date_gmt":"2021-01-15T03:00:06","guid":{"rendered":"\/media\/?p=4452"},"modified":"2024-12-17T08:27:08","modified_gmt":"2024-12-16T23:27:08","slug":"chrome-php-memo","status":"publish","type":"post","link":"https:\/\/www.flying-h.co.jp\/media\/2021\/01\/15\/chrome-php-memo\/","title":{"rendered":"\u30b7\u30b9\u30c6\u30e0\u958b\u767a &#8211; Chrome PHP \u899a\u66f8"},"content":{"rendered":"<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"788\" height=\"518\" src=\"\/media\/wp-content\/uploads\/2021\/02\/chrome-1.png\" alt=\"\" class=\"wp-image-4461\" srcset=\"https:\/\/www.flying-h.co.jp\/media\/wp-content\/uploads\/2021\/02\/chrome-1.png 788w, https:\/\/www.flying-h.co.jp\/media\/wp-content\/uploads\/2021\/02\/chrome-1-300x197.png 300w, https:\/\/www.flying-h.co.jp\/media\/wp-content\/uploads\/2021\/02\/chrome-1-768x505.png 768w\" sizes=\"(max-width: 788px) 100vw, 788px\" \/><\/figure><\/div>\n\n\n<p>\u53c2\u7167\uff1a<a href=\"https:\/\/github.com\/chrome-php\/headless-chromium-php\" target=\"_blank\" rel=\"noopener\">chrome-php \/ headless-chromium-php<\/a><\/p>\n\n\n\n<p>\u203b\u30a4\u30f3\u30b9\u30c8\u30fc\u30eb\u65b9\u6cd5\u306a\u3069\u306f\u4ed6\u30b5\u30a4\u30c8\u306a\u3069\u3092\u53c2\u8003\u306b\u3057\u3066\u304f\u3060\u3055\u3044\u3002<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">\u7279\u5fb4<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li>PHP\u304b\u3089Chrome\u307e\u305f\u306fChrome\u30d6\u30e9\u30a6\u30b6\u3092\u958b\u304f\u3053\u3068\u304c\u3067\u304d\u308b<\/li>\n\n\n\n<li>\u30da\u30fc\u30b8\u3092\u4f5c\u6210\u3057\u3001\u30da\u30fc\u30b8\u3078\u79fb\u52d5\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u308b<\/li>\n\n\n\n<li>\u30b9\u30af\u30ea\u30fc\u30f3\u30b7\u30e7\u30c3\u30c8\u3092\u64ae\u308b\u3053\u3068\u304c\u3067\u304d\u308b<\/li>\n\n\n\n<li>\u30da\u30fc\u30b8\u5185\u306eJavaScript\u306e\u5b9f\u884c\u7d50\u679c\u3092\u8a55\u4fa1\u3067\u304d\u308b<\/li>\n\n\n\n<li>PDF\u3092\u4f5c\u6210\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u308b<\/li>\n\n\n\n<li>\u30de\u30a6\u30b9\u3092\u30a8\u30df\u30e5\u30ec\u30fc\u30c8\u3067\u304d\u308b<\/li>\n\n\n\n<li>\u30ad\u30fc\u30dc\u30fc\u30c9\u3092\u30a8\u30df\u30e5\u30ec\u30fc\u30c8\u3067\u304d\u308b<\/li>\n\n\n\n<li>\u5e38\u306bIDE\u30d5\u30ec\u30f3\u30c9\u30ea\u30fc\u3067\u3042\u308b<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">\u57fa\u672c\u7684\u306a\u4f7f\u7528\u65b9\u6cd5<\/h2>\n\n\n\n<p>\u30b7\u30f3\u30d7\u30eb\u304b\u3064\u7406\u89e3\u3057\u3084\u3059\u3044API\u306b\u3088\u308a\u3001Chrome\u306e\u8d77\u52d5\u3001\u30da\u30fc\u30b8\u3092\u958b\u304f\u3001\u30b9\u30af\u30ea\u30fc\u30f3\u30b7\u30e7\u30c3\u30c8\u3092\u64ae\u308b\u3001Web\u30b5\u30a4\u30c8\u3092\u30af\u30ed\u30fc\u30eb\u3059\u308b\u306a\u3069\u3001Chrome\u4e0a\u3067\u4eba\u304c\u3067\u304d\u308b\u3053\u3068\u306e\u307b\u3068\u3093\u3069\u3092\u884c\u3046\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002<\/p>\n\n\n\n<div class=\"hcb_wrap\"><pre class=\"prism line-numbers lang-php\" data-lang=\"PHP\"><code>use HeadlessChromium\\BrowserFactory;\n\n$browserFactory = new BrowserFactory();\n\n\/\/ headless chrome\u306e\u958b\u59cb\n$browser = $browserFactory-&gt;createBrowser();\n\ntry {\n    \/\/ \u65b0\u3057\u3044\u30da\u30fc\u30b8\u3092\u4f5c\u6210\u3057\u3001\u6307\u5b9a\u306eURL\u3078\u79fb\u52d5\u3059\u308b\n    $page = $browser-&gt;createPage();\n    $page-&gt;navigate(&#39;http:\/\/example.com&#39;)-&gt;waitForNavigation();\n\n    \/\/ \u30da\u30fc\u30b8\u30bf\u30a4\u30c8\u30eb\u306e\u53d6\u5f97\n    $pageTitle = $page-&gt;evaluate(&#39;document.title&#39;)-&gt;getReturnValue();\n\n    \/\/ \u30b9\u30af\u30ea\u30fc\u30f3\u30b7\u30e7\u30c3\u30c8\u3092\u64ae\u308b\n    $page-&gt;screenshot()-&gt;saveToFile(&#39;\/foo\/bar.png&#39;);\n\n    \/\/ PDF\u306e\u4f5c\u6210\n    $page-&gt;pdf([&#39;printBackground&#39; =&gt; false])-&gt;saveToFile(&#39;\/foo\/bar.pdf&#39;);\n} finally {\n    \/\/ headless chrome\u306e\u7d42\u4e86\n    $browser-&gt;close();\n}<\/code><\/pre><\/div>\n\n\n\n<h3 class=\"wp-block-heading\">\u5225\u306eChrome\u5b9f\u884c\u30d5\u30a1\u30a4\u30eb\u3092\u6307\u5b9a\u3059\u308b<\/h3>\n\n\n\n<p>\u30d5\u30a1\u30af\u30c8\u30ea\u3092\u958b\u59cb\u3059\u308b\u3068\u3001chrome\u306e\u5b9f\u884c\u30d5\u30a1\u30a4\u30eb\u3068\u3057\u3066\u74b0\u5883\u5909\u6570<code class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\">\"CHROME_PATH\"<\/code>\u3092\u63a2\u3057\u307e\u3059\u3002\u5909\u6570\u304c\u898b\u3064\u304b\u3089\u306a\u3044\u5834\u5408\u306b\u306f\u3001\u5b9f\u884c\u30d5\u30a1\u30a4\u30eb\u3068\u3057\u3066<code class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\">\"chrome\"<\/code><\/p>\n\n\n\n<p>\uff08\u30c7\u30d5\u30a9\u30eb\u30c8\uff09\u304c\u4f7f\u7528\u3055\u308c\u307e\u3059\u3002<\/p>\n\n\n\n<p>\u4efb\u610f\u306e\u5b9f\u884c\u30d5\u30a1\u30a4\u30eb\u3092\u6307\u5b9a\u3067\u304d\u307e\u3059\u3002\u4f8b\u3067\u306f\u3001<code class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\">\"chromium-browser\"<\/code>\u3092\u6307\u5b9a\u3057\u3066\u3044\u307e\u3059\u3002<\/p>\n\n\n\n<div class=\"hcb_wrap\"><pre class=\"prism line-numbers lang-php\" data-lang=\"PHP\"><code>use HeadlessChromium\\BrowserFactory;\n\n\/\/ \u30c7\u30d5\u30a9\u30eb\u30c8\u306e&#39;chrome&#39;\u304b\u3089&#39;chromium-browser&#39;\u306b\u5909\u66f4\n$browserFactory = new BrowserFactory(&#39;chromium-browser&#39;);<\/code><\/pre><\/div>\n\n\n\n<h3 class=\"wp-block-heading\">\u30c7\u30d0\u30c3\u30b0<\/h3>\n\n\n\n<p>\u4e0b\u8a18\u306e\u4f8b\u3067\u306f\u3001\u30c7\u30d0\u30c3\u30b0\u3092\u5bb9\u6613\u306b\u3059\u308b\u305f\u3081\u306b\u3001\u30d8\u30c3\u30c9\u30ec\u30b9\u30e2\u30fc\u30c9\u3092\u7121\u52b9\u306b\u3057\u3066\u3044\u307e\u3059\u3002<\/p>\n\n\n\n<div class=\"hcb_wrap\"><pre class=\"prism line-numbers lang-php\" data-lang=\"PHP\"><code>use HeadlessChromium\\BrowserFactory;\n\n$browserFactory = new BrowserFactory();\n\n$browser = $browserFactory-&gt;createBrowser([\n    &#39;headless&#39; =&gt; false, \/\/ headless\u30e2\u30fc\u30c9\u3092\u7121\u52b9\u306b\u3059\u308b\n]);<\/code><\/pre><\/div>\n\n\n\n<p>\u4ed6\u306e\u30c7\u30d0\u30c3\u30b0\u30aa\u30d7\u30b7\u30e7\u30f3<\/p>\n\n\n\n<div class=\"hcb_wrap\"><pre class=\"prism line-numbers lang-php\" data-lang=\"PHP\"><code>[\n    \/\/ chrome\u306b\u9001\u4fe1\u3055\u308c\u308b\u5404\u547d\u4ee4\u306e\u9593\u306b0.8\u79d2\u306e\u9045\u5ef6\u3092\u8ffd\u52a0\u3057\u307e\u3059\n    \/\/ add 0.8 second of delay between each instruction sent to chrome,\n    &#39;connectionDelay&#39; =&gt; 0.8,\n    \/\/ \u5197\u9577\u30e2\u30fc\u30c9\u3092\u6709\u52b9\u306b\u3057\u307e\u3059\n    &#39;debugLogger&#39;     =&gt; &#39;php:\/\/stdout&#39;,\n]<\/code><\/pre><\/div>\n\n\n\n<pre class=\"wp-block-preformatted\"><code class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\">'debugLogger'<\/code>\u306f\u3001Psr\\Log\uff08<a href=\"https:\/\/github.com\/Seldaek\/monolog\" target=\"_blank\" rel=\"noopener\">monolog<\/a>\u3001<a href=\"https:\/\/github.com\/apix\/log\" target=\"_blank\" rel=\"noopener\">apix\/log<\/a>\u306a\u3069\uff09\u306e<code class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\">LoggerInterface<\/code>\u3092\u5b9f\u88c5\u3059\u308b\u30ea\u30bd\u30fc\u30b9\u6587\u5b57\u5217\u3001\u30ea\u30bd\u30fc\u30b9\u3001\u307e\u305f\u306f\u30aa\u30d6\u30b8\u30a7\u30af\u30c8\u3092\u6307\u5b9a\u3067\u304d\u307e\u3059\u3002<\/pre>\n\n\n\n<h2 class=\"wp-block-heading\">API<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"options\">Browser Factory<\/h3>\n\n\n\n<div class=\"hcb_wrap\"><pre class=\"prism line-numbers lang-php\" data-lang=\"PHP\"><code>use HeadlessChromium\\BrowserFactory;\n\n$browserFactory = new BrowserFactory();\n$browser = $browserFactory-&gt;createBrowser([\n    &#39;windowSize&#39;      =&gt; [1920, 1000],\n    &#39;enableImages&#39;    =&gt; false,\n]);<\/code><\/pre><\/div>\n\n\n\n<h4 class=\"wp-block-heading\">\u30aa\u30d7\u30b7\u30e7\u30f3<\/h4>\n\n\n\n<p>BrowserFactory\u3067\u4f7f\u7528\u3067\u304d\u308b\u30aa\u30d7\u30b7\u30e7\u30f3\u306f\u6b21\u306e\u901a\u308a\u3067\u3059\u3002<\/p>\n\n\n\n<figure class=\"wp-block-table\"><table><thead><tr><th>Option name<\/th><th>Default<\/th><th>Description<\/th><\/tr><\/thead><tbody><tr><td><code class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\">connectionDelay<\/code><\/td><td><code class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\">0<\/code><\/td><td>\u30c7\u30d0\u30c3\u30b0\u3092\u76ee\u7684\u3068\u3057\u305f\u5404\u64cd\u4f5c\u9593\u306b\u9069\u7528\u3059\u308b\u9045\u5ef6\u6642\u9593<\/td><\/tr><tr><td><code class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\">customFlags<\/code><\/td><td>none<\/td><td>\u30b3\u30de\u30f3\u30c9\u30e9\u30a4\u30f3\u306b\u6e21\u3059\u30d5\u30e9\u30b0\u306e\u914d\u5217\u3002\u4f8b\uff09<code class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\">['--option1', '--option2=someValue']<\/code><\/td><\/tr><tr><td><code class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\">debugLogger<\/code><\/td><td><code class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\">null<\/code><\/td><td>\u30c7\u30d0\u30c3\u30b0\u7528\u30e1\u30c3\u30bb\u30fc\u30b8\u3092\u51fa\u529b\u3059\u308b\u305f\u3081\u306e\u6587\u5b57\u5217\uff08\u300cphp\uff1a\/\/ stdout\u300d\u306a\u3069\uff09\u3001\u30ea\u30bd\u30fc\u30b9\u3001\u307e\u305f\u306fPSR-3\u30ed\u30ac\u30fc\u306e\u30a4\u30f3\u30b9\u30bf\u30f3\u30b9<\/td><\/tr><tr><td><code class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\">enableImages<\/code><\/td><td><code class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\">true<\/code><\/td><td>\u753b\u50cf\u306e\u8aad\u307f\u8fbc\u307f<\/td><\/tr><tr><td><code class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\">headless<\/code><\/td><td><code class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\">true<\/code><\/td><td>\u30d8\u30c3\u30c9\u30ec\u30b9\u30e2\u30fc\u30c9<\/td><\/tr><tr><td><code class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\">ignoreCertificateErrors<\/code><\/td><td><code class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\">false<\/code><\/td><td>SSL\u30a8\u30e9\u30fc\u3092\u7121\u8996\u3059\u308b\u304b\u3069\u3046\u304b<\/td><\/tr><tr><td><code class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\">keepAlive<\/code><\/td><td><code class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\">false<\/code><\/td><td>\u30b9\u30af\u30ea\u30d7\u30c8\u306e\u7d42\u4e86\u6642\u306bchrome\u30a4\u30f3\u30b9\u30bf\u30f3\u30b9\u3092\u7dad\u6301\u3059\u308b\u5834\u5408\u306b\u306ftrue<\/td><\/tr><tr><td><code class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\">noSandbox<\/code><\/td><td><code class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\">false<\/code><\/td><td>Docker\u30b3\u30f3\u30c6\u30ca\u3092\u5b9f\u884c\u3059\u308b\u5834\u5408\u306b\u6700\u9069<\/td><\/tr><tr><td><code class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\">sendSyncDefaultTimeout<\/code><\/td><td><code class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\">5000<\/code><\/td><td>\u540c\u671f\u30e1\u30c3\u30bb\u30fc\u30b8\u3092\u9001\u4fe1\u3059\u308b\u305f\u3081\u306e\u30c7\u30d5\u30a9\u30eb\u30c8\u306e\u30bf\u30a4\u30e0\u30a2\u30a6\u30c8\u6642\u9593\uff08\u30df\u30ea\u79d2\uff09<\/td><\/tr><tr><td><code class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\">startupTimeout<\/code><\/td><td><code class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\">30<\/code><\/td><td>Chrome\u304c\u8d77\u52d5\u3059\u308b\u306e\u306b\u5f85\u6a5f\u3059\u308b\u6700\u5927\u6642\u9593\uff08\u79d2\uff09<\/td><\/tr><tr><td><code class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\">userAgent<\/code><\/td><td>none<\/td><td>\u30d6\u30e9\u30a6\u30b6\u3067\u4f7f\u7528\u3059\u308b\u30e6\u30fc\u30b6\u30fc\u30a8\u30fc\u30b8\u30a7\u30f3\u30c8\u3092\u6307\u5b9a\uff08\u7f6e\u63db\u65b9\u6cd5\u306fapi\u30da\u30fc\u30b8\u3092\u53c2\u7167\uff09<\/td><\/tr><tr><td><code class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\">userDataDir<\/code><\/td><td>none<\/td><td>Chrome\u30e6\u30fc\u30b6\u306e\u30c7\u30fc\u30bf\u30c7\u30a3\u30ec\u30af\u30c8\u30ea\uff08\u30c7\u30d5\u30a9\u30eb\u30c8\uff1a\u65b0\u3057\u3044\u7a7a\u306e\u30c7\u30a3\u30ec\u30af\u30c8\u30ea\u304c\u4e00\u6642\u7684\u306b\u751f\u6210\u3055\u308c\u307e\u3059\uff09<\/td><\/tr><tr><td><code class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\">windowSize<\/code><\/td><td>none<\/td><td>\u30a6\u30a4\u30f3\u30c9\u30a6\u30b5\u30a4\u30ba\u3002\u4f7f\u7528\u6cd5\uff1a<code class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\">$width, $height<\/code> &#8211; Page::setViewport\u3082\u53c2\u7167<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">\u30d6\u30e9\u30a6\u30b6API<\/h3>\n\n\n\n<h4 class=\"wp-block-heading\">\u65b0\u3057\u3044\u30da\u30fc\u30b8\u306e\u4f5c\u6210\uff08\u30bf\u30d6\uff09<\/h4>\n\n\n\n<div class=\"hcb_wrap\"><pre class=\"prism line-numbers lang-php\" data-lang=\"PHP\"><code>$page = $browser-&gt;createPage();\n\n\/\/ \u76ee\u7684\u306e\u30da\u30fc\u30b8\u3092\u6307\u5b9a\n$uri = &#39;http:\/\/example.com&#39;;\n$page = $browser-&gt;createPage($uri);<\/code><\/pre><\/div>\n\n\n\n<h4 class=\"wp-block-heading\">\u30d6\u30e9\u30a6\u30b6\u3092\u9589\u3058\u308b<\/h4>\n\n\n\n<div class=\"hcb_wrap\"><pre class=\"prism line-numbers lang-php\" data-lang=\"PHP\"><code>$browser-&gt;close();<\/code><\/pre><\/div>\n\n\n\n<h3 class=\"wp-block-heading\">\u30d6\u30e9\u30a6\u30b6\u3067\u4f5c\u6210\u3055\u308c\u305f\u5168\u30da\u30fc\u30b8\u3067\u9077\u79fb\u3059\u308b\u524d\u306b\u5b9f\u884c\u3055\u308c\u308b\u30b9\u30af\u30ea\u30d7\u30c8\u306e\u8a2d\u5b9a<\/h3>\n\n\n\n<div class=\"hcb_wrap\"><pre class=\"prism line-numbers lang-php\" data-lang=\"PHP\"><code>$browser-&gt;setPagePreScript(&#39;\/\/ \u30ca\u30d3\u30b2\u30fc\u30bf\u30fc\u3068\u3057\u3066\u306e\u6a29\u9650\u3092\u88c5\u3046\nconst originalQuery = window.navigator.permissions.query;\nwindow.navigator.permissions.query = (parameters) =&gt; (\n    parameters.name === &#39;notifications&#39; ?\n        Promise.resolve({ state: Notification.permission }) :\n        originalQuery(parameters)\n);&#39;);<\/code><\/pre><\/div>\n\n\n\n<h3 class=\"wp-block-heading\">Page API<\/h3>\n\n\n\n<h4 class=\"wp-block-heading\">URL\u306b\u79fb\u52d5<\/h4>\n\n\n\n<div class=\"hcb_wrap\"><pre class=\"prism line-numbers lang-php\" data-lang=\"PHP\"><code>\/\/ \u30da\u30fc\u30b8\u9077\u79fb\n$navigation = $page-&gt;navigate(&#39;http:\/\/example.com&#39;);\n\n\/\/ \u30da\u30fc\u30b8\u304c\u8aad\u307f\u8fbc\u307e\u308c\u308b\u306e\u3092\u5f85\u3064\n$navigation-&gt;waitForNavigation();<\/code><\/pre><\/div>\n\n\n\n<p><code class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\">$navigation-&gt;waitForNavigation()<\/code>\u3092\u4f7f\u7528\u3059\u308b\u5834\u5408\u3001\u30da\u30fc\u30b8\u30a4\u30d9\u30f3\u30c8&nbsp;\u306e&#8221;loaded&#8221;\u304c\u767a\u52d5\u3059\u308b\u307e\u306730\u79d2\u5f85\u6a5f\u3057\u307e\u3059\u3002\u5f85\u3061\u53d7\u3051\u308b\u30bf\u30a4\u30e0\u30a2\u30a6\u30c8\u6642\u9593\u3084\u30a4\u30d9\u30f3\u30c8\u306f\u5909\u66f4\u3067\u304d\u307e\u3059\u3002<\/p>\n\n\n\n<div class=\"hcb_wrap\"><pre class=\"prism line-numbers lang-php\" data-lang=\"PHP\"><code>\/\/ &quot;DOMContentLoaded&quot;\u30a4\u30d9\u30f3\u30c8\u304c\u767a\u52d5\u3059\u308b\u307e\u306710\u79d2\u5f85\u3064\n$navigation-&gt;waitForNavigation(Page::DOM_CONTENT_LOADED, 10000);<\/code><\/pre><\/div>\n\n\n\n<p>\u5229\u7528\u53ef\u80fd\u306a\u30a4\u30d9\u30f3\u30c8\uff08\u767a\u52d5\u9806\uff09\uff1a<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><code class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\">Page::DOM_CONTENT_LOADED<\/code>\uff1adom\u304c\u5b8c\u5168\u306b\u8aad\u307f\u8fbc\u307e\u308c\u308b<\/li>\n\n\n\n<li><code class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\">Page::LOAD<\/code>\uff1a\uff08\u30c7\u30d5\u30a9\u30eb\u30c8\uff09\u30da\u30fc\u30b8\u3068\u3059\u3079\u3066\u306e\u30ea\u30bd\u30fc\u30b9\u304c\u8aad\u307f\u8fbc\u307e\u308c\u308b<\/li>\n\n\n\n<li><code class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\">Page::NETWORK_IDLE<\/code>\uff1a\u30da\u30fc\u30b8\u304c\u8aad\u307f\u8fbc\u307e\u308c\u3001\u5c11\u306a\u304f\u3068\u3082500\u30df\u30ea\u79d2\u9593\u30cd\u30c3\u30c8\u30ef\u30fc\u30af\u4e0a\u306e\u901a\u4fe1\u304c\u767a\u751f\u3057\u3066\u3044\u306a\u3044<\/li>\n<\/ul>\n\n\n\n<p>\u30da\u30fc\u30b8\u3092\u79fb\u52d5\u3059\u308b\u306e\u3092\u5f85\u3061\u305f\u3044\u5834\u5408\u3001\u767a\u751f\u3059\u308b\u53ef\u80fd\u6027\u306e\u3042\u308b2\u3064\u306e\u4e3b\u306a\u554f\u984c\u304c\u3042\u308a\u307e\u3059\u3002\u4e00\u3064\u306f\u3001\u30da\u30fc\u30b8\u304c\u9577\u3059\u304e\u3066\u8aad\u307f\u8fbc\u307f\u7d42\u308f\u3089\u305a\u3001\u6b21\u306b\u8aad\u307f\u8fbc\u307e\u308c\u305f\u30da\u30fc\u30b8\u3067\u7f6e\u304d\u63db\u3048\u3089\u308c\u3066\u3057\u307e\u3046\u3053\u3068\u3067\u3059\u3002\u826f\u3044\u30cb\u30e5\u30fc\u30b9\u306f\u3001\u53e4\u304d\u826f\u304dtry catch\u3092\u4f7f\u7528\u3057\u3066\u3053\u308c\u3089\u306e\u554f\u984c\u3092\u51e6\u7406\u3067\u304d\u308b\u3053\u3068\u3067\u3059\u3002<\/p>\n\n\n\n<div class=\"hcb_wrap\"><pre class=\"prism line-numbers lang-php\" data-lang=\"PHP\"><code>use HeadlessChromium\\Exception\\OperationTimedOut;\nuse HeadlessChromium\\Exception\\NavigationExpired;\n\ntry {\n    $navigation-&gt;waitForNavigation()\n} catch (OperationTimedOut $e) {\n    \/\/ \u8aad\u307f\u8fbc\u3080\u306e\u306b\u9577\u3059\u304e\u305f\u5834\u5408\n} catch (NavigationExpired $e) {\n    \/\/ \u4ed6\u306e\u30da\u30fc\u30b8\u304c\u8aad\u307f\u8fbc\u307e\u308c\u305f\u5834\u5408\n}<\/code><\/pre><\/div>\n\n\n\n<h4 class=\"wp-block-heading\">\u30da\u30fc\u30b8\u4e0a\u306e\u30b9\u30af\u30ea\u30d7\u30c8\u306e\u8a55\u4fa1<\/h4>\n\n\n\n<p>\u30da\u30fc\u30b8\u9077\u79fb\u304c\u5b8c\u4e86\u3059\u308b\u3068\u3001\u305d\u306e\u30da\u30fc\u30b8\u3067\u4efb\u610f\u306e\u30b9\u30af\u30ea\u30d7\u30c8\u3092\u8a55\u4fa1\u3067\u304d\u307e\u3059\u3002<\/p>\n\n\n\n<div class=\"hcb_wrap\"><pre class=\"prism line-numbers lang-php\" data-lang=\"PHP\"><code>\/\/ \u30da\u30fc\u30b8\u9077\u79fb\n$navigation = $page-&gt;navigate(&#39;http:\/\/example.com&#39;);\n    \n\/\/ \u30da\u30fc\u30b8\u304c\u8aad\u307f\u8fbc\u307e\u308c\u308b\u306e\u3092\u5f85\u3064\n$navigation-&gt;waitForNavigation();\n\n\/\/ \u30d6\u30e9\u30a6\u30b6\u3067\u30b9\u30af\u30ea\u30d7\u30c8\u3092\u8a55\u4fa1\n$evaluation = $page-&gt;evaluate(&#39;document.documentElement.innerHTML&#39;);\n\n\/\/ \u5024\u304c\u8fd4\u308b\u306e\u3092\u5f85\u3063\u3066\u5024\u3092\u53d6\u5f97\n$value = $evaluation-&gt;getReturnValue();<\/code><\/pre><\/div>\n\n\n\n<p>\u8a55\u4fa1\u3059\u308b\u30b9\u30af\u30ea\u30d7\u30c8\u304c\u30ea\u30f3\u30af\u3092\u30af\u30ea\u30c3\u30af\u3057\u305f\u308a\u3001\u30d5\u30a9\u30fc\u30e0\u3092\u9001\u4fe1\u3057\u305f\u308a\u3059\u308b\u5834\u5408\u304c\u3042\u308a\u307e\u3059\u3002\u3053\u306e\u5834\u5408\u3001\u30da\u30fc\u30b8\u306f\u518d\u8aad\u307f\u8fbc\u307f\u3055\u308c\u308b\u306e\u3067\u3001\u65b0\u3057\u3044\u30da\u30fc\u30b8\u304c\u8aad\u307f\u8fbc\u307e\u308c\u308b\u306e\u3092\u5f85\u3064\u5fc5\u8981\u304c\u3042\u308a\u307e\u3059\u3002<\/p>\n\n\n\n<p><code class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\">$page-&gt;evaluate('\u30da\u30fc\u30b8\u3092\u518d\u8aad\u307f\u8fbc\u307f\u3059\u308bjs')-&gt;waitForPageReload()<\/code>\u3092\u4f7f\u7528\u3059\u308b\u3053\u3068\u3067\u5b9f\u73fe\u53ef\u80fd\u3067\u3059\u3002\u4f8b\u306f<a href=\"https:\/\/github.com\/chrome-php\/headless-chromium-php\/blob\/0.10\/examples\/form-submit.php\" target=\"_blank\" rel=\"noopener\">form-submit.php<\/a>\u3067\u5165\u624b\u3067\u304d\u307e\u3059\u3002<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">\u95a2\u6570\u3092\u547c\u3073\u51fa\u3059<\/h4>\n\n\n\n<p>\u3053\u306e\u65b9\u6cd5\u306f\u3001\u30da\u30fc\u30b8\u306e\u30b3\u30f3\u30c6\u30ad\u30b9\u30c8\u5185\u3067\u6307\u5b9a\u3055\u308c\u305f\u5f15\u6570\u3092\u4f7f\u7528\u3057\u3066\u3001\u6307\u5b9a\u3055\u308c\u305f\u95a2\u6570\u3092\u547c\u3073\u51fa\u3059\u3053\u3068\u304c\u3067\u304d\u308b<code class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\">evaluate<\/code>\u306e\u4ee3\u66ff\u624b\u6bb5\u3067\u3059\u3002<\/p>\n\n\n\n<div class=\"hcb_wrap\"><pre class=\"prism line-numbers lang-php\" data-lang=\"PHP\"><code>$evaluation = $page-&gt;callFunction(\n    &quot;function(a, b) {\\n    window.foo = a + b;\\n}&quot;, \n    [1, 2]\n);\n\n$value = $evaluation-&gt;getReturnValue();<\/code><\/pre><\/div>\n\n\n\n<h4 class=\"wp-block-heading\">script\u30bf\u30b0\u306e\u8ffd\u52a0<\/h4>\n\n\n\n<p>\u4e0b\u8a18\u306f\u3001jQuery\uff08\u307e\u305f\u306f\u305d\u306e\u4ed6\u306e\u3082\u306e\uff09\u3092\u30da\u30fc\u30b8\u306b\u8ffd\u52a0\u3059\u308b\u5834\u5408\u306b\u4f7f\u7528\u3057\u307e\u3059\u3002<\/p>\n\n\n\n<div class=\"hcb_wrap\"><pre class=\"prism line-numbers lang-php\" data-lang=\"PHP\"><code>$page-&gt;addScriptTag([\n    &#39;content&#39; =&gt; file_get_contents(&#39;path\/to\/jquery.js&#39;)\n])-&gt;waitForResponse();\n\n$page-&gt;evaluate(&#39;$(&quot;.my.element&quot;).html()&#39;);<\/code><\/pre><\/div>\n\n\n\n<p>src\u5c5e\u6027\u306bURL\u3092\u8a2d\u5b9a\u3059\u308b\u3053\u3068\u3082\u53ef\u80fd\u3067\u3059\u3002<\/p>\n\n\n\n<div class=\"hcb_wrap\"><pre class=\"prism line-numbers lang-php\" data-lang=\"PHP\"><code>$page-&gt;addScriptTag([\n    &#39;url&#39; =&gt; &#39;https:\/\/code.jquery.com\/jquery-3.3.1.min.js&#39;\n])-&gt;waitForResponse();\n\n$page-&gt;evaluate(&#39;$(&quot;.my.element&quot;).html()&#39;);<\/code><\/pre><\/div>\n\n\n\n<h4 class=\"wp-block-heading\">\u30da\u30fc\u30b8\u306eHTML\u3092\u53d6\u5f97<\/h4>\n\n\n\n<p><code class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\">getHtml<\/code>\u30e1\u30bd\u30c3\u30c9\u3092\u4f7f\u7528\u3057\u3066\u3001\u30da\u30fc\u30b8\u306eHTML\u3092\u6587\u5b57\u5217\u3068\u3057\u3066\u53d6\u5f97\u3067\u304d\u307e\u3059\u3002<\/p>\n\n\n\n<div class=\"hcb_wrap\"><pre class=\"prism line-numbers lang-php\" data-lang=\"PHP\"><code>$html = $page-&gt;getHtml();<\/code><\/pre><\/div>\n\n\n\n<h3 class=\"wp-block-heading\">\u30da\u30fc\u30b8\u30ca\u30d3\u30b2\u30fc\u30b7\u30e7\u30f3\u6642\u306b\u8a55\u4fa1\u3059\u308b\u30b9\u30af\u30ea\u30d7\u30c8\u306e\u8ffd\u52a0<\/h3>\n\n\n\n<div class=\"hcb_wrap\"><pre class=\"prism line-numbers lang-php\" data-lang=\"PHP\"><code>$page-&gt;addPreScript(&#39;\/\/ \u30ca\u30d3\u30b2\u30fc\u30bf\u30fc\u3068\u3057\u3066\u306e\u6a29\u9650\u3092\u88c5\u3046\nconst originalQuery = window.navigator.permissions.query;\nwindow.navigator.permissions.query = (parameters) =&gt; (\n    parameters.name === &#39;notifications&#39; ?\n        Promise.resolve({ state: Notification.permission }) :\n        originalQuery(parameters)\n);&#39;);<\/code><\/pre><\/div>\n\n\n\n<p>\u30b9\u30af\u30ea\u30d7\u30c8\u3092\u5b9f\u884c\u3059\u308b\u524d\u306bDOM\u3092\u5b8c\u5168\u306b\u69cb\u6210\u3055\u305b\u308b\u5fc5\u8981\u304c\u3042\u308b\u5834\u5408\u306f\u3001\u30aa\u30d7\u30b7\u30e7\u30f3\u300conLoad\u300d\u3092\u4f7f\u7528\u3057\u307e\u3059\u3002<\/p>\n\n\n\n<div class=\"hcb_wrap\"><pre class=\"prism line-numbers lang-php\" data-lang=\"PHP\"><code>$page-&gt;addPreScript($script, [&#39;onLoad&#39; =&gt; true]);<\/code><\/pre><\/div>\n\n\n\n<h4 class=\"wp-block-heading\">\u30d3\u30e5\u30fc\u30dd\u30fc\u30c8\u30b5\u30a4\u30ba\u306e\u8a2d\u5b9a<\/h4>\n\n\n\n<p>\u3053\u306e\u6a5f\u80fd\u306f\u3001\u30d6\u30e9\u30a6\u30b6\u306e\u4ed6\u306e\u30da\u30fc\u30b8\u306e\u5927\u304d\u3055\u306b\u5f71\u97ff\u3092\u4e0e\u3048\u305a\u306b\u3001\u73fe\u5728\u306e\u30da\u30fc\u30b8\u306e\u30d3\u30e5\u30fc\u30dd\u30fc\u30c8\uff08\u30a8\u30df\u30e5\u30ec\u30fc\u30b7\u30e7\u30f3\uff09\u306e\u30b5\u30a4\u30ba\u3092\u5909\u66f4\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\uff08<a href=\"#options\">BrowserFactory::createBrowser\u306e&#8221;windowSize&#8221;\u306e\u30aa\u30d7\u30b7\u30e7\u30f3<\/a>\u3082\u53c2\u7167\uff09\u3002<\/p>\n\n\n\n<div class=\"hcb_wrap\"><pre class=\"prism line-numbers lang-php\" data-lang=\"PHP\"><code>$width = 600;\n$height = 300;\n$page-&gt;setViewport($width, $height)\n    -&gt;await(); \/\/ \u8a2d\u5b9a\u306e\u5b8c\u4e86\u3092\u5f85\u3064<\/code><\/pre><\/div>\n\n\n\n<h4 class=\"wp-block-heading\">\u30b9\u30af\u30ea\u30fc\u30f3\u30b7\u30e7\u30c3\u30c8\u306e\u4f5c\u6210<\/h4>\n\n\n\n<div class=\"hcb_wrap\"><pre class=\"prism line-numbers lang-php\" data-lang=\"PHP\"><code>\/\/ \u30da\u30fc\u30b8\u9077\u79fb\n$navigation = $page-&gt;navigate(&#39;http:\/\/example.com&#39;);\n    \n\/\/ \u30da\u30fc\u30b8\u304c\u8aad\u307f\u8fbc\u307e\u308c\u308b\u306e\u3092\u5f85\u3064\n$navigation-&gt;waitForNavigation();\n\n\/\/ \u30b9\u30af\u30ea\u30fc\u30f3\u30b7\u30e7\u30c3\u30c8\u3092\u64ae\u308b\n$screenshot = $page-&gt;screenshot([\n    \/\/ \u30c7\u30d5\u30a9\u30eb\u30c8\uff1a&#39;png&#39; \/ \u4ed6\uff1a&#39;png&#39;, &#39;jpeg&#39;,\n    &#39;format&#39;  =&gt; &#39;jpeg&#39;,\n    \/\/ &#39;jpeg&#39;\u306e\u5834\u5408 \/ \u30c7\u30d5\u30a9\u30eb\u30c8\uff1a100 \n    &#39;quality&#39; =&gt; 80,\n]);\n\n\/\/ \u30b9\u30af\u30ea\u30fc\u30f3\u30b7\u30e7\u30c3\u30c8\u306e\u4fdd\u5b58\n$screenshot-&gt;saveToFile(&#39;\/some\/place\/file.jpg&#39;);<\/code><\/pre><\/div>\n\n\n\n<p><strong>\u30a8\u30ea\u30a2\u306e\u9078\u629e<\/strong><\/p>\n\n\n\n<p>\u30b9\u30af\u30ea\u30fc\u30f3\u30b7\u30e7\u30c3\u30c8\u306e\u9818\u57df\u3092\u9078\u629e\u3059\u308b\u305f\u3081\u306b\u3001&#8221;clip&#8221;\u30aa\u30d7\u30b7\u30e7\u30f3\u3092\u4f7f\u7528\u3057\u307e\u3059\uff08\u4f8b TODO\uff09<\/p>\n\n\n\n<p><strong>\u30da\u30fc\u30b8\u5168\u4f53\u306e\u30b9\u30af\u30ea\u30fc\u30f3\u30b7\u30e7\u30c3\u30c8\u3092\u64ae\u308b<\/strong><\/p>\n\n\n\n<p><code class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\">$page-&gt;getFullPageClip<\/code>\u3092\u4f7f\u7528\u3057\u3066\u3001\u5b8c\u5168\u306a\u30ec\u30a4\u30a2\u30a6\u30c8\uff08\u30ec\u30a4\u30a2\u30a6\u30c8\u3060\u3051\u3067\u306a\u304f\uff09\u306e\u30b9\u30af\u30ea\u30fc\u30f3\u30b7\u30e7\u30c3\u30c8\u3092\u64ae\u308b\u3053\u3068\u3082\u3067\u304d\u307e\u3059\uff08\u4f8b TODO\uff09\u3002<\/p>\n\n\n\n<div class=\"hcb_wrap\"><pre class=\"prism line-numbers lang-php\" data-lang=\"PHP\"><code>TODO Page.getFullPageClip();\n\nuse HeadlessChromium\\Clip;\n\n\/\/ \u30da\u30fc\u30b8\u9077\u79fb\n$navigation = $page-&gt;navigate(&#39;http:\/\/example.com&#39;);\n    \n\/\/ \u30da\u30fc\u30b8\u304c\u8aad\u307f\u8fbc\u307e\u308c\u308b\u306e\u3092\u5f85\u3064\n$navigation-&gt;waitForNavigation();\n\n\/\/ left\u53ca\u3073center\u306e\u5ea7\u6a19\uff0b\u5e45\u53ca\u3073\u9ad8\u3055\u3092\u6307\u5b9a\u3057\u3066\u9577\u65b9\u5f62\u3092\u4f5c\u6210\n\/\/ create a rectangle by specifying to left corner coordinates + width and height\n$x = 10;\n$y = 10;\n$width = 100;\n$height = 100;\n$clip = new Clip($x, $y, $width, $height);\n\n\/\/ \u30b9\u30af\u30ea\u30fc\u30f3\u30b7\u30e7\u30c3\u30c8\u3092\u64ae\u308b\uff08\u30e1\u30e2\u30ea\u30d0\u30a4\u30ca\u30ea\u5185\uff09\n$screenshot = $page-&gt;screenshot([\n    &#39;clip&#39;  =&gt; $clip,\n]);\n\n\/\/ \u30b9\u30af\u30ea\u30fc\u30f3\u30b7\u30e7\u30c3\u30c8\u3092\u4fdd\u5b58\n$screenshot-&gt;saveToFile(&#39;\/some\/place\/file.jpg&#39;);<\/code><\/pre><\/div>\n\n\n\n<h4 class=\"wp-block-heading\">PDF\u306e\u4f5c\u6210<\/h4>\n\n\n\n<div class=\"hcb_wrap\"><pre class=\"prism line-numbers lang-php\" data-lang=\"PHP\"><code>\/\/ \u30da\u30fc\u30b8\u9077\u79fb\n$navigation = $page-&gt;navigate(&#39;http:\/\/example.com&#39;);\n    \n\/\/ \u30da\u30fc\u30b8\u304c\u8aad\u307f\u8fbc\u307e\u308c\u308b\u306e\u3092\u5f85\u3064\n$navigation-&gt;waitForNavigation();\n\n$options = [\n    \/\/ \u30c7\u30d5\u30a9\u30eb\u30c8\uff1afalse\n    &#39;landscape&#39; =&gt; true,\n    &#39;printBackground&#39; =&gt; true,\n    &#39;displayHeaderFooter&#39; =&gt; true,\n    \/\/ \u30c7\u30d5\u30a9\u30eb\u30c8\uff1afalse\uff08@page\u304b\u3089\u76f4\u63a5\u30d1\u30e9\u30e1\u30fc\u30bf\u3092\u8aad\u307f\u53d6\u308b\uff09\n    &#39;preferCSSPageSize&#39; =&gt; true,\n    \/\/ \u30c7\u30d5\u30a9\u30eb\u30c8\uff1a\uff5e0.4\uff08\u6d6e\u52d5\u5c0f\u6570\u70b9\u3001\u5024\u306f\u30a4\u30f3\u30c1\uff09\n    &#39;marginTop&#39; =&gt; 0.0,\n    &#39;marginBottom&#39; =&gt; 1.4,\n    &#39;marginLeft&#39; =&gt; 5.0,\n    &#39;marginRight&#39; =&gt; 1.0,\n    \/\/ \u30c7\u30d5\u30a9\u30eb\u30c8\uff1a8.5\uff08\u6d6e\u52d5\u5c0f\u6570\u70b9\u3001\u5024\u306f\u30a4\u30f3\u30c1\uff09\n    &#39;paperWidth&#39; =&gt; 6.0,\n    &#39;paperHeight&#39; =&gt; 6.0,\n    \/\/ \u8a73\u7d30\u306f\u4e0b\u8a18\u53c2\u7167\n    &#39;headerTemplate&#39; =&gt; &#39;&lt;div&gt;foo&lt;\/div&gt;&#39;,\n    &#39;footerTemplate&#39; =&gt; &#39;&lt;div&gt;foo&lt;\/div&gt;&#39;,\n    \/\/ \u30c7\u30d5\u30a9\u30eb\u30c8\uff1a1.0\uff08\u6d6e\u52d5\u5c0f\u6570\u70b9\uff09\n    &#39;scale&#39; =&gt; 1.2,\n];\n\n\/\/ PDF\u306e\u4f5c\u6210\uff08\u30e1\u30e2\u30ea\u30d0\u30a4\u30ca\u30ea\u5185\uff09\n$pdf = $page-&gt;pdf($options);\n\n\/\/ PDF\u306e\u4fdd\u5b58\n$pdf-&gt;saveToFile(&#39;\/some\/place\/file.pdf&#39;);\n\n\/\/ \u53c8\u306f\u4fdd\u5b58\u305b\u305a\u306b\u76f4\u63a5\u51fa\u529b\nheader(&#39;Content-Description: File Transfer&#39;);\nheader(&#39;Content-Type: application\/pdf&#39;);\nheader(&#39;Content-Disposition: inline; filename=filename.pdf&#39;);\nheader(&#39;Content-Transfer-Encoding: binary&#39;);\nheader(&#39;Expires: 0&#39;);\nheader(&#39;Cache-Control: must-revalidate, post-check=0, pre-check=0&#39;);\nheader(&#39;Pragma: public&#39;);\n\necho base64_decode($pdf-&gt;getBase64());<\/code><\/pre><\/div>\n\n\n\n<p>\u30aa\u30d7\u30b7\u30e7\u30f3\u306e<code class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\">headerTempalte<\/code>\u3068<code class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\">footerTempalte<\/code>\u306f\u3001\u5024\u3092\u633f\u5165\u3059\u308b\u305f\u3081\u306b\u4f7f\u7528\u3055\u308c\u308b\u6b21\u306e\u30af\u30e9\u30b9\u3092\u6301\u3064\u6709\u52b9\u306aHTML\u306e\u8a18\u8ff0\u304c\u5fc5\u8981\u3067\u3059\u3002<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>date\uff1a\u30d5\u30a9\u30fc\u30de\u30c3\u30c8\u3055\u308c\u305f\u5236\u4f5c\u65e5<\/li>\n\n\n\n<li>title\uff1a\u30c9\u30ad\u30e5\u30e1\u30f3\u30c8\u306e\u30bf\u30a4\u30c8\u30eb<\/li>\n\n\n\n<li>url\uff1a\u30c9\u30ad\u30e5\u30e1\u30f3\u30c8\u306e\u5834\u6240<\/li>\n\n\n\n<li>pageNumber\uff1a\u73fe\u5728\u306e\u30da\u30fc\u30b8\u756a\u53f7<\/li>\n\n\n\n<li>totalPages\uff1a\u30c9\u30ad\u30e5\u30e1\u30f3\u30c8\u306e\u5408\u8a08\u30da\u30fc\u30b8<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">\u30de\u30a6\u30b9API<\/h3>\n\n\n\n<p>\u30de\u30a6\u30b9API\u306f\u3001\u30da\u30fc\u30b8\u30a4\u30f3\u30b9\u30bf\u30f3\u30b9\u306b\u4f9d\u5b58\u3057\u3066\u304a\u308a\u3001\u30de\u30a6\u30b9\u306e\u79fb\u52d5\u3001\u30af\u30ea\u30c3\u30af\u3001\u30b9\u30af\u30ed\u30fc\u30eb\u3092\u5236\u5fa1\u3067\u304d\u307e\u3059\u3002<\/p>\n\n\n\n<div class=\"hcb_wrap\"><pre class=\"prism line-numbers lang-php\" data-lang=\"PHP\"><code>$page-&gt;mouse()\n    \/\/ \u30de\u30a6\u30b9\u306e\u4f4d\u7f6e\u3092x=10\/y=20\u306b\u79fb\u52d5\n    -&gt;move(10, 20)\n    \/\/ \u4e0a\u8a18\u4f4d\u7f6e\u306b\u79fb\u52d5\u3057\u3001\u5de6\u30af\u30ea\u30c3\u30af\n    -&gt;click()\n    \/\/ 5px\u305a\u3064\u30de\u30a6\u30b9\u3092x=100\/y=200\u306b\u79fb\u52d5\n    -&gt;move(100, 200, [&#39;steps&#39; =&gt; 5])\n    \/\/ \u4e0a\u8a18\u4f4d\u7f6e\u306b\u79fb\u52d5\u3057\u3001\u53f3\u30af\u30ea\u30c3\u30af\n    -&gt;click([&#39;button&#39; =&gt; Mouse::BUTTON_RIGHT];\n\n\/\/ \u6700\u5f8c\u306e\u30af\u30ea\u30c3\u30af\u304c\u30ea\u30f3\u30af\u4e0a\u3067\u3042\u3063\u305f\u5834\u5408\n\/\/ \u30ea\u30f3\u30af\u306e\u30af\u30ea\u30c3\u30af\u5f8c\u3001\u30da\u30fc\u30b8\u304c\u8aad\u307f\u8fbc\u307e\u308c\u308b\u306e\u3092\u5f85\u3064\n$page-&gt;waitForReload();<\/code><\/pre><\/div>\n\n\n\n<p>\u30de\u30a6\u30b9\u30db\u30a4\u30fc\u30eb\u3092\u30a8\u30df\u30e5\u30ec\u30fc\u30c8\u3057\u3066\u3001\u30da\u30fc\u30b8\u3001\u30d5\u30ec\u30fc\u30e0\u3001\u307e\u305f\u306f\u8981\u7d20\u3092\u4e0a\u4e0b\u306b\u30b9\u30af\u30ed\u30fc\u30eb\u3067\u304d\u307e\u3059\u3002<\/p>\n\n\n\n<div class=\"hcb_wrap\"><pre class=\"prism line-numbers lang-php\" data-lang=\"PHP\"><code>$page-&gt;mouse()\n    \/\/ \u4e0b\u65b9\u5411\u306b100px\u30b9\u30af\u30ed\u30fc\u30eb\n    -&gt;scrollDown(100)\n    \/\/ \u4e0a\u65b9\u5411\u306b50px\u30b9\u30af\u30ed\u30fc\u30eb\n    -&gt;scrollUp(50);<\/code><\/pre><\/div>\n\n\n\n<h3 class=\"wp-block-heading\">\u30ad\u30fc\u30dc\u30fc\u30c9API<\/h3>\n\n\n\n<p>\u30ad\u30fc\u30dc\u30fc\u30c9API\u306f\u3001\u30da\u30fc\u30b8\u30a4\u30f3\u30b9\u30bf\u30f3\u30b9\u306b\u4f9d\u5b58\u3057\u3066\u304a\u308a\u3001\u5b9f\u969b\u306e\u30e6\u30fc\u30b6\u30fc\u306e\u3088\u3046\u306b\u5165\u529b\u3067\u304d\u307e\u3059\u3002<\/p>\n\n\n\n<div class=\"hcb_wrap\"><pre class=\"prism line-numbers lang-php\" data-lang=\"PHP\"><code>$page-&gt;keyboard()\n    \/\/ \u300cTab\u300d\u306e\u3088\u3046\u306a\u5b9f\u969b\u306e\u30ad\u30fc\u3092\u5165\u529b\n    -&gt;typeRawKey(&#39;Tab&#39;)\n    \/\/ \u30c6\u30ad\u30b9\u30c8&quot;bar&quot;\u306e\u5165\u529b\n    -&gt;typeText(&#39;bar&#39;);<\/code><\/pre><\/div>\n\n\n\n<p>\u5b9f\u969b\u306e\u30e6\u30fc\u30b6\u30fc\u306b\u306a\u308a\u3059\u307e\u3059\u306b\u306f\u3001<code class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\">setKeyInterval<\/code>\u30e1\u30bd\u30c3\u30c9\u3092\u4f7f\u7528\u3057\u3066\u3001\u5404\u30ad\u30fc\u30b9\u30c8\u30ed\u30fc\u30af\u306e\u9593\u306b\u9045\u5ef6\u3092\u8ffd\u52a0\u3057\u307e\u3059\u3002<\/p>\n\n\n\n<div class=\"hcb_wrap\"><pre class=\"prism line-numbers lang-php\" data-lang=\"PHP\"><code>\/\/ \u30ad\u30fc\u30b9\u30c8\u30ed\u30fc\u30af\u306b10\u30df\u30ea\u79d2\u306e\u9045\u5ef6\u3092\u8a2d\u5b9a\n$page-&gt;keyboard()-&gt;setKeyInterval(10);<\/code><\/pre><\/div>\n\n\n\n<h3 class=\"wp-block-heading\">Cookie API<\/h3>\n\n\n\n<p>\u30da\u30fc\u30b8\u306eCookie\u3092\u8a2d\u5b9a\u304a\u3088\u3073\u53d6\u5f97\u3067\u304d\u307e\u3059\u3002<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">\u30af\u30c3\u30ad\u30fc\u306e\u8a2d\u5b9a<\/h4>\n\n\n\n<div class=\"hcb_wrap\"><pre class=\"prism line-numbers lang-php\" data-lang=\"PHP\"><code>use HeadlessChromium\\Cookies\\Cookie;\n\n$page = $browser-&gt;createPage();\n\n\/\/ \u4f8b1\uff09\u7279\u5b9a\u306e\u30c9\u30e1\u30a4\u30f3\u306b\u30af\u30c3\u30ad\u30fc\u3092\u8a2d\u5b9a\n\n$page-&gt;setCookies([\n    Cookie::create(&#39;name&#39;, &#39;value&#39;, [\n        &#39;domain&#39; =&gt; &#39;example.com&#39;,\n        \/\/ \u671f\u96501\u65e5\n        &#39;expires&#39; =&gt; time() + 3600\n    ])\n])-&gt;await();\n\n\n\/\/ \u4f8b2\uff09\u73fe\u5728\u306e\u30da\u30fc\u30b8\u306b\u30af\u30c3\u30ad\u30fc\u3092\u8a2d\u5b9a\n\n$page-&gt;navigate(&#39;http:\/\/example.com&#39;)-&gt;waitForNavigation();\n\n$page-&gt;setCookies([\n    Cookie::create(&#39;name&#39;, &#39;value&#39;, [&#39;expires&#39;])\n])-&gt;await();<\/code><\/pre><\/div>\n\n\n\n<h4 class=\"wp-block-heading\">\u30af\u30c3\u30ad\u30fc\u306e\u53d6\u5f97<\/h4>\n\n\n\n<div class=\"hcb_wrap\"><pre class=\"prism line-numbers lang-php\" data-lang=\"PHP\"><code>use HeadlessChromium\\Cookies\\Cookie;\n\n$page = $browser-&gt;createPage();\n\n\/\/ \u4f8b1\uff09\u30d6\u30e9\u30a6\u30b6\u306e\u5168\u3066\u306e\u30af\u30c3\u30ad\u30fc\u3092\u53d6\u5f97\n\n$cookies = $page-&gt;getAllCookies();\n\n\/\/ \u4f8b2\uff09\u73fe\u5728\u306e\u30da\u30fc\u30b8\u306e\u30af\u30c3\u30ad\u30fc\u3092\u53d6\u5f97\n\n$page-&gt;navigate(&#39;http:\/\/example.com&#39;)-&gt;waitForNavigation();\n$cookies = $page-&gt;getCookies();\n\n\/\/ name == &#39;foo&#39;\u306e\u30af\u30c3\u30ad\u30fc\u306b\u30d5\u30a3\u30eb\u30bf\u30ea\u30f3\u30b0\n$cookiesFoo = $cookies-&gt;filterBy(&#39;name&#39;, &#39;foo&#39;); \n\n\/\/ name == &#39;bar&#39;\u306e\u30af\u30c3\u30ad\u30fc\u3092\u63a2\u3059\n$cookieBar = $cookies-&gt;findOneBy(&#39;name&#39;, &#39;bar&#39;);\nif ($cookieBar) {\n    \/\/ do something\n}<\/code><\/pre><\/div>\n\n\n\n<h3 class=\"wp-block-heading\">\u30e6\u30fc\u30b6\u30fc\u30a8\u30fc\u30b8\u30a7\u30f3\u30c8\u306e\u8a2d\u5b9a<\/h3>\n\n\n\n<p>\u30da\u30fc\u30b8\u3054\u3068\u306b\u30e6\u30fc\u30b6\u30fc\u30a8\u30fc\u30b8\u30a7\u30f3\u30c8\u3092\u8a2d\u5b9a\u3067\u304d\u307e\u3059\u3002<\/p>\n\n\n\n<div class=\"hcb_wrap\"><pre class=\"prism line-numbers lang-php\" data-lang=\"PHP\"><code>$page-&gt;setUserAgent(&#39;my user agent&#39;);<\/code><\/pre><\/div>\n\n\n\n<p>\u30d6\u30e9\u30a6\u30b6\u5168\u4f53\u3067<code class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\">userAgent<\/code>\u3092\u8a2d\u5b9a\u3059\u308b\u306b\u306f\u3001<a href=\"#options\">BrowserFactory\u306e\u30aa\u30d7\u30b7\u30e7\u30f3<\/a>\u3082\u53c2\u7167\u3057\u3066\u304f\u3060\u3055\u3044\u3002<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">\u9ad8\u5ea6\u306a\u4f7f\u7528\u6cd5<\/h2>\n\n\n\n<p>\u30e9\u30a4\u30d6\u30e9\u30ea\u306b\u306f\u3001\u3059\u3079\u3066\u306e\u901a\u4fe1\u30ed\u30b8\u30c3\u30af\u3092\u975e\u8868\u793a\u306b\u3059\u308b\u30c4\u30fc\u30eb\u304c\u4ed8\u5c5e\u3057\u3066\u3044\u307e\u3059\u304c\u3001\u5185\u90e8\u3067\u4f7f\u7528\u3055\u308c\u308b\u30c4\u30fc\u30eb\u3092\u4f7f\u7528\u3057\u3066\u3001Chrome\u30c7\u30d0\u30c3\u30b0\u30d7\u30ed\u30c8\u30b3\u30eb\u3068\u76f4\u63a5\u901a\u4fe1\u3067\u304d\u307e\u3059\u3002<\/p>\n\n\n\n<p>\u4f8b\uff1a<\/p>\n\n\n\n<div class=\"hcb_wrap\"><pre class=\"prism line-numbers lang-php\" data-lang=\"PHP\"><code>use HeadlessChromium\\Communication\\Connection;\nuse HeadlessChromium\\Communication\\Message;\n\n\/\/ chrome devtools uri\n$webSocketUri = &#39;ws:\/\/127.0.0.1:9222\/devtools\/browser\/xxx&#39;;\n\n\/\/ \u63a5\u7d9a\u3092\u4f5c\u6210\n$connection = new Connection($webSocketUri);\n$connection-&gt;connect();\n\n\/\/ &quot;Target.activateTarget&quot;\u30e1\u30bd\u30c3\u30c9\u306e\u9001\u4fe1\n$responseReader = $connection-&gt;sendMessage(new Message(&#39;Target.activateTarget&#39;, [&#39;targetId&#39; =&gt; &#39;xxx&#39;]));\n\n\/\/ \u5fdc\u7b54\u30921000\u30df\u30ea\u79d2\u5f85\u3064\n$response = $responseReader-&gt;waitForResponse(1000);<\/code><\/pre><\/div>\n\n\n\n<h3 class=\"wp-block-heading\">\u30bb\u30c3\u30b7\u30e7\u30f3\u3092\u4f5c\u6210\u3057\u3001\u30bf\u30fc\u30b2\u30c3\u30c8\u306b\u30e1\u30c3\u30bb\u30fc\u30b8\u3092\u9001\u4fe1<\/h3>\n\n\n\n<div class=\"hcb_wrap\"><pre class=\"prism line-numbers lang-php\" data-lang=\"PHP\"><code>\/\/ \u30bf\u30fc\u30b2\u30c3\u30c8ID\u3092\u8a2d\u5b9a\n$targetId = &#39;yyy&#39;;\n\n\/\/ \u30bf\u30fc\u30b2\u30c3\u30c8\u306e\u30bb\u30c3\u30b7\u30e7\u30f3\u3092\u4f5c\u6210\uff08attachToTarget\uff09\n$session = $connection-&gt;createSession($targetId);\n\n\/\/ \u30bf\u30fc\u30b2\u30c3\u30c8\u306b\u30e1\u30c3\u30bb\u30fc\u30b8\u3092\u9001\u4fe1\uff08Target.sendMessageToTarget\uff09\n$response = $session-&gt;sendMessageSync(new Message(&#39;Page.reload&#39;));<\/code><\/pre><\/div>\n\n\n\n<h3 class=\"wp-block-heading\">\u30c7\u30d0\u30c3\u30b0<\/h3>\n\n\n\n<p>\u5404\u64cd\u4f5c\u304c\u884c\u308f\u308c\u308b\u524d\u306b\u9045\u5ef6\u3092\u8a2d\u5b9a\u3059\u308b\u3053\u3068\u3067\u3001\u5bb9\u6613\u306b\u30c7\u30d0\u30c3\u30b0\u3092\u884c\u3048\u307e\u3059\u3002<\/p>\n\n\n\n<div class=\"hcb_wrap\"><pre class=\"prism line-numbers lang-php\" data-lang=\"PHP\"><code>\/\/ \u30c7\u30d0\u30c3\u30b0\u306e\u305f\u3081\u306b\u5404\u64cd\u4f5c\u9593\u3067500\u30df\u30ea\u79d2\u5f85\u3064\n$connection-&gt;setConnectionDelay(500);<\/code><\/pre><\/div>\n\n\n\n<h3 class=\"wp-block-heading\">\u30d6\u30e9\u30a6\u30b6\uff08\u30b9\u30bf\u30f3\u30c9\u30a2\u30ed\u30f3\uff09<\/h3>\n\n\n\n<div class=\"hcb_wrap\"><pre class=\"prism line-numbers lang-php\" data-lang=\"PHP\"><code>use HeadlessChromium\\Communication\\Connection;\nuse HeadlessChromium\\Browser;\n\n\/\/ chrome devtools uri\n$webSocketUri = &#39;ws:\/\/127.0.0.1:9222\/devtools\/browser\/xxx&#39;;\n\n\/\/ Web\u30bd\u30b1\u30c3\u30c8\u306eURI\u3092\u6307\u5b9a\u3057\u3066\u63a5\u7d9a\u3092\u4f5c\u6210\n$connection = new Connection($webSocketUri);\n$connection-&gt;connect();\n\n\/\/ \u30d6\u30e9\u30a6\u30b6\u3092\u4f5c\u6210\n$browser = new Browser($connection);<\/code><\/pre><\/div>\n\n\n<div data-post-id=\"6328\" class=\"insert-page insert-page-6328 \">\n<h2 class=\"wp-block-heading\">\u30d5\u30e9\u30a4\u30f3\u30b0\u30fb\u30cf\u30a4\u30fb\u30ef\u30fc\u30af\u30b9\u306e\u7d39\u4ecb<\/h2>\n\n\n\n<p class=\"has-small-font-size\"><a href=\"https:\/\/www.flying-h.co.jp\/\" target=\"_blank\" rel=\"noopener\" title=\"\u30d5\u30e9\u30a4\u30f3\u30b0\u30fb\u30cf\u30a4\u30fb\u30ef\u30fc\u30af\u30b9\">\u30d5\u30e9\u30a4\u30f3\u30b0\u30fb\u30cf\u30a4\u30fb\u30ef\u30fc\u30af\u30b9<\/a>\u306f\u3001\u6771\u4eac\u306e\u30db\u30fc\u30e0\u30da\u30fc\u30b8\u5236\u4f5c\u30fbWeb\u5236\u4f5c\u4f1a\u793e\u30fbWeb\u30b7\u30b9\u30c6\u30e0\u5236\u4f5c\u4f1a\u793e\u3067\u3059\u3002\u6771\u4eac\u90fd\u53ca\u3073\u305d\u306e\u8fd1\u90ca\uff08\u9996\u90fd\u570f\uff09\u3092\u4e2d\u5fc3\u3068\u3057\u3066\u3001SEO\u5bfe\u7b56\u3092\u610f\u8b58\u3057\u305fPC\u53ca\u3073\u30b9\u30de\u30db\u306e\u30b5\u30a4\u30c8\u3092\u30ef\u30f3\u30bd\u30fc\u30b9\uff08\u30ec\u30b9\u30dd\u30f3\u30b7\u30d6\u5bfe\u5fdc\uff09\u3067\u5236\u4f5c\u3057\u307e\u3059\u3002<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">\u5b9f\u7e3e<\/h4>\n\n\n\n<p class=\"has-small-font-size\">\u30c7\u30b6\u30a4\u30ca\u30fc\u30c1\u30fc\u30e0\u306f\u3001\u30b0\u30e9\u30d5\u30a3\u30c3\u30af\u30c7\u30b6\u30a4\u30f3\u3084\u30a4\u30e9\u30b9\u30c8\u306e\u5236\u4f5c\u3082\u5f97\u610f\u3068\u3057\u3066\u304a\u308a\u3001\u8457\u4f5c\u6a29\u3092\u610f\u8b58\u3057\u306a\u3044\u7d20\u6750\u306e\u63d0\u4f9b\u304c\u53ef\u80fd\u3067\u3059\u3002\u30b7\u30b9\u30c6\u30e0\u30fb\u30b3\u30fc\u30c7\u30a3\u30f3\u30b0\u30c1\u30fc\u30e0\u3067\u306f\u3001Laravel\u306a\u3069\u3092\u4f7f\u7528\u3057\u305f\u30b9\u30af\u30e9\u30c3\u30c1\u304b\u3089\u306e\u30aa\u30ea\u30b8\u30ca\u30eb\u30b7\u30b9\u30c6\u30e0\u958b\u767a\u3092\u59cb\u3081\u3001WordPress\u306e\u30ab\u30b9\u30bf\u30de\u30a4\u30ba\u3092\u5f97\u610f\u3068\u3057\u3066\u304a\u308a\u307e\u3059\u3002<\/p>\n\n\n\n<p class=\"has-small-font-size\">\u307e\u305f\u3001SEO\u3084\u30e9\u30f3\u30c7\u30a3\u30f3\u30b0\u30da\u30fc\u30b8\uff08LP\uff09\u3001\u5e83\u544a\u5411\u3051\u30d0\u30ca\u30fc\u306a\u3069\u3092\u4ed6\u793e\u69d8\u3067\u3084\u3063\u3066\u3044\u305f\u4f5c\u696d\u306e\u5f15\u7d99\u304e\u3067\u3082\u554f\u984c\u3042\u308a\u307e\u305b\u3093\u3002\u5236\u4f5c\u5b9f\u7e3e\u306f\u591a\u6570\u3054\u3056\u3044\u307e\u3059\u306e\u3067\u3001\u304a\u5ba2\u69d8\u306b\u5408\u308f\u305b\u305f\u3054\u63d0\u6848\u304c\u53ef\u80fd\u3067\u3059\u3002<\/p>\n\n\n\n<p class=\"has-small-font-size\">500\u70b9\u4ee5\u4e0a\u306e<a href=\"https:\/\/www.flying-h.co.jp\/works\" target=\"_blank\" rel=\"noopener\" title=\"\u30d5\u30e9\u30a4\u30f3\u30b0\u30fb\u30cf\u30a4\u30fb\u30ef\u30fc\u30af\u30b9\u306e\u5236\u4f5c\u5b9f\u7e3e\">\u30d5\u30e9\u30a4\u30f3\u30b0\u30fb\u30cf\u30a4\u30fb\u30ef\u30fc\u30af\u30b9\u306e\u5236\u4f5c\u5b9f\u7e3e<\/a>\u30da\u30fc\u30b8\u3092\u3054\u89a7\u304f\u3060\u3055\u3044\u3002<\/p>\n<\/div>","protected":false},"excerpt":{"rendered":"<p>\u53c2\u7167\uff1achrome-php \/ headless-chromium-php \u203b\u30a4\u30f3\u30b9\u30c8\u30fc\u30eb\u65b9\u6cd5\u306a\u3069\u306f\u4ed6\u30b5\u30a4\u30c8\u306a\u3069\u3092\u53c2\u8003\u306b\u3057\u3066\u304f\u3060\u3055\u3044\u3002 \u7279\u5fb4 \u57fa\u672c\u7684\u306a\u4f7f\u7528\u65b9\u6cd5 \u30b7\u30f3\u30d7\u30eb\u304b\u3064\u7406\u89e3\u3057\u3084\u3059\u3044API\u306b\u3088\u308a\u3001Chrome\u306e\u8d77\u52d5\u3001\u30da [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":4461,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1,134],"tags":[],"class_list":["post-4452","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-website","category-system"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/www.flying-h.co.jp\/media\/wp-json\/wp\/v2\/posts\/4452","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.flying-h.co.jp\/media\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.flying-h.co.jp\/media\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.flying-h.co.jp\/media\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.flying-h.co.jp\/media\/wp-json\/wp\/v2\/comments?post=4452"}],"version-history":[{"count":1,"href":"https:\/\/www.flying-h.co.jp\/media\/wp-json\/wp\/v2\/posts\/4452\/revisions"}],"predecessor-version":[{"id":9626,"href":"https:\/\/www.flying-h.co.jp\/media\/wp-json\/wp\/v2\/posts\/4452\/revisions\/9626"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.flying-h.co.jp\/media\/wp-json\/wp\/v2\/media\/4461"}],"wp:attachment":[{"href":"https:\/\/www.flying-h.co.jp\/media\/wp-json\/wp\/v2\/media?parent=4452"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.flying-h.co.jp\/media\/wp-json\/wp\/v2\/categories?post=4452"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.flying-h.co.jp\/media\/wp-json\/wp\/v2\/tags?post=4452"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}