Node.js

【Node.js】Playwrightで対象ページをブラウザで開く方法

本記事では、Playwrightで対象ページをブラウザで開く方法について解説しています。※Node.jsを使用しています。

Node.js / Expressの学習におすすめ参考書
Node.js超入門 第3版

本書情報
著者掌田 津耶乃
発売日2020/7/18
ページ数480ページ
Kindle版
(電子書籍)
レビュー
(Amazon)
(44件)
先輩くん
先輩くん
Amazon Kindle Unlimitedに登録すると、月額980円で読み放題だからオススメだよ!
後輩ちゃん
後輩ちゃん
初回30日間は無料だから、まだ登録したことのない人はぜひ試してみてね!

綺麗なコードが書けるようになる!
リーダブルコード-より良いコードを書くためのシンプルで実践的なテクニック

本書情報
出版社オライリージャパン
著者Dustin Boswell / Trevor Foucher
発売日2012/6/23
ページ数260ページ
レビュー
(Amazon)
(620件)
先輩くん
先輩くん
より良いコードを書きたい人におすすめの本だよ!
後輩ちゃん
後輩ちゃん
10以上前の書籍ですが、内容は今でも役に立つものばかりです!

対象ページをブラウザで開く方法

対象ページをブラウザで開くには、launchのオプションに「headless: false」を設定する必要があります。

import { chromium } from "@playwright/test";

(async () => {
  const browser = await chromium.launch({ headless: false }); // ここにオプションを設定!

  const page = await browser.newPage();
  await page.goto("https://web-engineer-wiki.com/");
})();

上記のようにオプションを設定することで、ファイルを実行するとブラウザが自動で立ち上がりgoto関数の引数に設定しているURLにアクセスします。

ブラウザを閉じる方法

続いてブラウザを閉じる方法について見ていきましょう。処理が終了した段階でブラウザは自動で閉じることはありません。そのため、処理の終了地点でブラウザを閉じる処理を記述する必要があります。

ブラウザを閉じるには、close関数を使用します。使い方は以下のとおりです。

import { chromium } from "@playwright/test";

(async () => {
  const browser = await chromium.launch({ headless: false });
  const page = await browser.newPage();
  await page.goto("https://web-engineer-wiki.com/");

  await page.close(); // ブラウザを閉じる!
})();

ブログランキング・にほんブログ村へ PVアクセスランキング にほんブログ村