Chrome拡張「Puppeteer Recorder」を使って簡単にブラウザの自動操作を行う
Puppeteer RecorderというChrome拡張がリリースされたので試しに使ってみました。 GitHub: checkly/puppeteer-recorder 概要 Puppeteer Recorderは、ブラウザで行った操作を記録してPuppeteerのコードを出力してくれるChrome拡張です。 似たようなChromeの拡張にSelenium IDEがあったりします。 使い方 READMEの画像にあるように、拡張機能を入れて「Record」をクリック、その後試したい操作をしてから「Stop」をクリックするとコードが出力されます。 実際に使ってみた感想 すでに使ってみた感想を書いてくれている記事（「Puppeteer Recorder」を試してみた - masalibの日記）がありますが、自分もだいたいこの記事と感想は同じでまだ不安定なところがあるな、という印象です。 例えば
puppeteerでCMSの記事更新処理 - masalibの日記
puppeteerを使って記事更新するのをやってみました ファイルアップもできました 概要 プログラム はまった所 今もできていない所 概要 記事更新の概要は以下のとおりです １・ログイン処理 ２・リストページ遷移 ３・新規追加ボタンを押す ４・新規作成の画面に遷移される ５・新規作成画面で記事内容を投稿する テキストボックス、テキストエリア、チェックボックス、ファイル添付 ６・投稿内容の確認画面に遷移する ７・確認画面から完了画面に遷移する プログラム ログインの処理は前回の処理を参照 masalib.hatenablog.com const puppeteer = require('puppeteer'); const fs = require('fs'); const cookies_path = './cookies_masalib_site.json'; const loginm
PuppeteerによるヘッドレスChromeの使い方 evaluate
Puppeteerとは Chromeを操って各種チェックなどを行えるようにするもの。 例えば下記のようなスクリプトを作成してnode test.jsを実行すればChromeが指定した文字列を検索して、さらにスクリーンショットを保存してくれる。 // test.js const puppeteer = require('puppeteer'); puppeteer.launch().then(async browser => { const page = await browser.newPage(); await page.goto('https://www.google.co.jp/'); await page.type('#lst-ib', 'new date'); await page.waitFor(1000); await page.click('.lsb'); await pa
PuppeteerでヘッドレスChromeを操ってみる - Qiita
Puppeteerのnode apiを使ったサンプルプログラムを作り、ヘッドレスChromeを操作してみましたので報告します。 先日、Google Chromeにヘッドレス機能が追加されました。GUI無しにコマンドラインからChromeを操作できるようになったわけです。 https://developers.google.com/web/updates/2017/04/headless-chrome?hl=ja ちょっと前まではnodeからこのヘッドレスChromeへアクセスするにはchrome-remote-interfaceなどが必要でしたが、最近Puppeteerというものが現れてもっと簡単にヘッドレスChromeを操作できるようになりました。 https://github.com/GoogleChrome/puppeteer 公式サイトにあるPuppeteerの使い方 スクリーンシ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Question: How do I get puppeteer to download a file? · Issue #299 · puppeteer/puppeteer
