Chromeに入るRecorder機能の利用と注意点 - 虎の穴開発室ブログ

こんにちは。虎の穴ラボのH.Hです。 今回は先日発表されたChromeの開発中の新機能であるRecorder機能について使用方法や利用する際の注意点などをまとめました。 Recoder機能とは ブラウザのChrome97で追加される予定の機能で、ブラウザの画面上で操作した記録を取得してくれる機能になります。 この記事を書いている2021年11月17日では一般に提供されているChromeの最新版は96となり、開発中の「Chrome Dev」もしくは「Chrome Canary」でRecorder機能を使用することができます。 利用している時の様子はChromeの開発者向けのページに公開されています。 developer.chrome.com 主な機能は以下の通りです。 ・操作の記録及び再実行(リプレイ)できる ・再実行時にパフォーマンスの記録・確認できる ・記録した内容の編集ができる ・操作

[teppeis]

Chrome DevToolで操作記録してPuppeteerのコードを生成する

[fuyu77]

すごい。"操作をPuppeteer(Chromeを自動で画面操作を行うNode.jsのライブラリ)で実行できる設定ファイルを出力できる"

[nilab]

「ブラウザのChrome97で追加される予定の機能で、ブラウザの画面上で操作した記録を取得してくれる機能になります」

[R2M]

Puppeteer、うーん。「出力した結果」見ても、うーん。Codeceptjsの奴を出して欲しいなぁ

[yhachisu]

テストに使える

[sabotem]

覚えておく

[yarumato]

“記録した操作をPuppeteerで実行可能なJavaScriptファイルで出力できます。ヘッドレスモードで実行されるのでブラウザは立ち上がりません。もし画面の表示を確認したい場合は、以下のようにコードを書き換え”