ChromeのRecord機能で記録した操作をnode.jsで実行する

5035 ワード
テキストリンク

■準備

  • Node.jsをインストール
  • puppeteerをインストール

Node.js https://nodejs.org/ja/

Choromeで操作を記録

Googleで検索を行うカンタンな操作を記録してみる

Google Chrome のRecord機能を利用するには Ver.97以降が必要です。

DevTools を開く(F12)
「⋮」→「More tools」→「Recordeing」

「Recorder」を選択
「Start new recording」をクリック

「RECORING NAME」に任意の名前を設定(ここでは、TEST01)
「Start a new recording」をクリック

Googleで「MarkdownThing」を検索

DevTools
「End recording」をクリック

操作が記録されます。
「Replay」で記録した操作を実行できます。

操作記録をエクスポート
「Export as Puppeteer」アイコンをクリック
任意の場所へ保存

エクスポートした jsファイルを書き換え

TEST01.js
const puppeteer = require('puppeteer'); // v13.0.0 or later

(async () => {
  
  　//{headless: false} を追加
    const browser = await puppeteer.launch({headless: false});

    //コメントアウト
    //const page = await browser.newPage();

　　//追加
    const page = (await browser.pages())[0];

    const timeout = 5000;
    page.setDefaultTimeout(timeout);

//.....

　　//コメントアウト
    //await browser.close();
})();

PS D:\!TEMP>node TEST01.js
Podmanメモ
情報系の大学に入ったので春休み中にReact+TSでマインスイーパーとテトリス作ってみた