Hello.

I am Paul Kinlan.

A Developer Advocate for Chrome and the Open Web at Google.

I love the web. The web should allow anyone to access any experience that they need without the need for native install or content walled garden.

Puppeteer Go

Paul Kinlan

Puppeteerが大好きですThe Headless WebのアイデアでThe Headless WebでThe Headless Web -目に見えるブラウザーのないブラウザーでWebを実行し、さらにDOM-curl (JavaScriptを実行するCurl)のようなツールを作成します。具体的には、ページをスクレイピング、操作、および対話するためのブラウザのスクリプト作成が大好きです。 私が作りたかったデモの1つは、IreのCapturing 422 live images投稿に触発され、そこで彼女は多くのページにナビゲートしてスクリーンショットを撮る操り人形スクリプトを実行しました。多くのページに行く代わりに、ページ上の要素のスクリーンショットをたくさん撮りたかった。 私がPuppeteerで抱えている問題は、あなたが何でもする必要がある最初のスタンザです。起動、タブを開く、ナビゲート-複雑ではなく、単純なスクリプト用に作成するよりも定型的なだけです。それがPuppeteer Goを作成したPuppeteer Goです。これは、ブラウザを開いてページにナビゲートし、_your_アクションを実行し、その後自動的にクリーンアップするCLIユーティリティを簡単に作成するのに役立つ小さなスクリプトです。 見てみな。 const { go } = require('puppeteer-go'); go('https://paul.kinlan.me', async (page) => { const elements = await page.$$("h1"); let count = 0; for(let element of elements) { try { await element.screenshot({ path: `${count++}.png`}); } catch (err) { console.log(count, err); } } }); 上記のコードは私のブログでh1要素を見つけ、スクリーンショットを撮ります。これはIreの仕事ほど優れたものではありませんが、canisuse.comからページから直接スクリーンショットをすばやく取得できるかどうかを確認するのは素晴らしいと思いました。 const { go } = require('puppeteer-go'); go('https://caniuse.com/#search=css', async (page) => { const elements = await page.

Read More

Bookmarklet: Chrome DevTools trace page

Paul Kinlan

A simple bookmarklet that will performance trace the current page and open in an hosted devtools instance

Read More

Hosting Puppeteer in a Docker container

Paul Kinlan

A simple docker container that can host an instance of puppeteer and a custom app.

Read More