Playwright　その他の操作

Playwrightのブラウザで表示するデバイスをエミュレートする

Playwrightで起動するブラウザのデバイスをエミュレートする方法です。
スマホやタブレットやデスクトップの色々な機種を指定できます。
ブラウザのユーザーエージェント、スクリーンサイズ、ビューポート、タッチなどの機能がシミュレートされます。
指定できる機種はここに定義されています。

サンプル

						const {chromium, devices} = require('playwright');

						(async () => {
						  const browser = await chromium.launch({ headless: false });
						
						  //デバイスを指定
						  const context = await browser.newContext({
							...devices['iPhone 13']
						  });
						  const page = await context.newPage();
						  await page.goto('https://web.biz-prog.net/test/testpage_info.html');
						
						  await browser.close();
						})();
					
						private async void btnDevices_Click(object sender, EventArgs e)
						{
							using var playwright = await Playwright.CreateAsync();
							await using var browser = await playwright.Chromium.LaunchAsync(new BrowserTypeLaunchOptions() { Headless = false });
							//デバイスを指定
							await using var context = await browser.NewContextAsync(playwright.Devices["iPhone 13"]);
							var page = await context.NewPageAsync();
							await page.GotoAsync("https://web.biz-prog.net/test/testpage_info.html");
						}
					
						from playwright.sync_api import sync_playwright

						with sync_playwright() as p:
						
							browser = p.chromium.launch(headless=False)
							
							# デバイスを指定
							iphone_13 = p.devices['iPhone 13']
							context = browser.new_context(
								**iphone_13,
							)
							page = context.new_page()
						
							page.goto("https://web.biz-prog.net/test/testpage_info.html")
						
						    browser.close()

参考

emulation