WindowsでSafari同等ブラウザを使用する

ALL
スポンサーリンク

Mac標準搭載のブラウザSafariは、過去Windows版が提供されていましたが、2010年を最後にリリースされていません。
そこで、Windowsで、Safariと同じレンダリングエンジン群 Webkit を用いるブラウザ(Webkitブラウザ)を使用する方法を説明します。下の画像は、そのブラウザ画面です。

Webkitブラウザは、Playwright という、Microsoftによって開発保守されているオープンソースのE2Eテスト用Nodejsベースの自動化フレームワークに含まれています。

次の手順で Playwright を導入します。これにより、Webkitブラウザが入手できます。

はじめに Node.js をインストールします。
Node.js — Download Node.js® の [Download Node.js] からダウンロード・実行してインストールしてください。インストーラの画面で [Next] を押していき、最後に [Install] で完了です。

次にコマンドプロンプトを立ち上げます。管理者をして実行する必要はなく、そのままコマンドプロンプトを立ち上げるだけでいいです。
立ち上げたら次のコマンドを実行してください。

npm init playwright@latest

実行すると、次のような表示が出ます。

Need to install the following packages:
create-playwright@1.17.133
Ok to proceed? (y) 

そのままEnter を押してください。

? Do you want to use TypeScript or JavaScript? ...
> TypeScript
  JavaScript

そのままEnter を押してください。

? Where to put your end-to-end tests? » tests

そのまま Enter を押してください。

? Add a GitHub Actions workflow? (y/N) » false

そのまま Enter を押してください。

? Install Playwright browsers (can be done manually via 'npx playwright install')? (Y/n) » true

そのまま Enter を押してください。

しばらくすると、実行した npm init playwright@latest が完了します。

Webkitブラウザは、次の箇所にあります。
ユーザー名バージョンの箇所は各自の環境に合わせてください。

C:\Users\ユーザー名\AppData\Local\ms-playwright\webkit-バージョン\Playwright.exe

Playwright.exe を実行すると、Webkitブラウザが立ち上がります。
なお、ディレクトリ C:\Users\ユーザー名\AppData\Local\ms-playwright\webkit-バージョン を別のPCに持って行って、そこで Playwright.exe を実行して Webkitブラウザを立ち上げることができました。

以上、WindowsでSafari同等ブラウザを使用する方法でした。

参考

Windows上でPlaywrightを使ってWebKitブラウザを実行する方法 | TechTips
Installation | Playwright

コメント