本記事では、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以上前の書籍ですが、内容は今でも役に立つものばかりです！
Contents
対象ページをブラウザで開く方法
対象ページをブラウザで開くには、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(); // ブラウザを閉じる！
})();
1冊ですべて身につくHTML & CSSとWebデザイン入門講座 
