はじめに Windows (+ WSL2) を開発環境としているときに、Safari でのみ発生する表示不具合を検証したいことがあった。 Safari のレンダリングエンジンと同じ webkit を用いているブラウザを使うことで検証の役に立った。 Playwright の webkit ブラウザをダウンロードするのが簡単 Playwright は webkit ブラウザでの実行もサポートしている。 これは windows でもサポートされているのだが、独自に windows 用にビルドしたブラウザを利用しているようだったのでこれを利用するのが簡単と考えた。 以下のコマンドで webkit ブラウザをインストールする。 Windows の場合は C:\Users\<ユーザ名>\AppData\Local\ms-playwright\webkit-<version> にダウンロードされる。 中
![Windows で開発しているときに webkit ブラウザで表示確認をする](https://cdn-ak-scissors.b.st-hatena.com/image/square/8939a9b1faf28d6e0e5029c09905577010cda8d8/height=288;version=1;width=512/https%3A%2F%2Fres.cloudinary.com%2Fzenn%2Fimage%2Fupload%2Fs--o5pIUN_X--%2Fc_fit%252Cg_north_west%252Cl_text%3Anotosansjp-medium.otf_55%3AWindows%252520%2525E3%252581%2525A7%2525E9%252596%25258B%2525E7%252599%2525BA%2525E3%252581%252597%2525E3%252581%2525A6%2525E3%252581%252584%2525E3%252582%25258B%2525E3%252581%2525A8%2525E3%252581%25258D%2525E3%252581%2525AB%252520webkit%252520%2525E3%252583%252596%2525E3%252583%2525A9%2525E3%252582%2525A6%2525E3%252582%2525B6%2525E3%252581%2525A7%2525E8%2525A1%2525A8%2525E7%2525A4%2525BA%2525E7%2525A2%2525BA%2525E8%2525AA%25258D%2525E3%252582%252592%2525E3%252581%252599%2525E3%252582%25258B%252Cw_1010%252Cx_90%252Cy_100%2Fg_south_west%252Cl_text%3Anotosansjp-medium.otf_37%3Asterashima78%252Cx_203%252Cy_121%2Fg_south_west%252Ch_90%252Cl_fetch%3AaHR0cHM6Ly9zdG9yYWdlLmdvb2dsZWFwaXMuY29tL3plbm4tdXNlci11cGxvYWQvYXZhdGFyLzdmZTM3ODhmMTUuanBlZw%3D%3D%252Cr_max%252Cw_90%252Cx_87%252Cy_95%2Fv1627283836%2Fdefault%2Fog-base-w1200-v2.png)