Hello Playwright：(3)基本概念

Hello Playwright：(3)基本概念

下面介绍一下 Playwright 中的基本概念：

Headless 浏览器

Playwright 需要特定版本的浏览器二进制文件才能运行。这些浏览器都支持 2 种 运行模式：

Headless，无浏览器 UI，运行速度较快，常用于自动化运行Headed，有浏览器 UI，常用于调试代码

Playwright 默认使用的是 Headless 模式，设置​​BrowserTypeLaunchOptions​​可以关闭 Headless 模式：

var browser = await playwright.Chromium.LaunchAsync( new BrowserTypeLaunchOptions { Headless = false });

对象模型

Playwright 定义了如下这些对象模型：

Browser 浏览器

​​Browser​​​是 Playwright 通过​​BrowserType.LaunchAsync(options)​​方法创建的浏览器对象。

可选的 BrowserType 包括：

​​Chromium​​，Playwright 默认使用开源的 Chromium 浏览器。但是可以通过参数指定使用 Google Chrome 或者 Microsoft Edge 浏览器：

using var playwright = await Playwright.CreateAsync();var chromium = playwright.Chromium;// channel 参数指定浏览器分发通道。值可以为“chrome”、“chrome-beta”、“chrome-dev”、“chrome-canary”、“msedge”、“msedge-beta”、“msedge-dev”、“msedge-canary”var browser = await chromium.LaunchAsync(new BrowserTypeLaunchOptions { Channel = "chrome" });

​​Firefox​​，与最近的 Firefox 稳定版相匹配。​​WebKit​​，与最近的 WebKit trunk 版本相匹配，版本领先于 Apple Safari 和其他基于 WebKit 的浏览器。

BrowserContext 浏览器上下文

​​BrowserContext​​​ 提供了一种操作多个独立浏览器会话的方法。每个​​Browser​​​实例都包含一个默认的​​BrowserContext​​实例。

可以使用​​Browser.NewContextAsync​​方法创建“隐身”浏览器上下文。“隐身”浏览器上下文类似于 Google Chrome 的无痕式窗口，可以在浏览器会话之间隔离浏览器状态：

var browserContext1 = await browser.NewContextAsync();Console.WriteLine($"browserContext1 Session {await GetSession(browserContext1)}");Console.WriteLine($"browserContext1 Session {await GetSession(browserContext1)}");var browserContext2 = await browser.NewContextAsync();Console.WriteLine($"browserContext2 Session {await GetSession(browserContext2)}");private static async Task GetSession(IBrowserContext browserContext){ var page = await browserContext.NewPageAsync(); await page.GotoAsync(" var cookies = await browserContext1.CookiesAsync(); return cookies.First(p => p.Name == ".Cnblogs.Account.Session").Value;}//同一浏览器上下文获得的会话ID相同browserContext1 Session CfDJ8AuMt%2F3FvyxIgNOR82PHE4no0sUf7I3NiZ5vRmbIv9lQrRo3aoAkQ7RAm4ddlBoLAk40iVfg10%2F%2FRvnRY5MCZ6zeVMunRoeM3mqKkyh0nWK5HWvj7RAq1krRzqA%2BQW%2BXCqpdf3kBJvmjC1uACr3h4kVeaY2nqTY%2FRJ3Tp55Fo3aSbrowserContext1 Session CfDJ8AuMt%2F3FvyxIgNOR82PHE4no0sUf7I3NiZ5vRmbIv9lQrRo3aoAkQ7RAm4ddlBoLAk40iVfg10%2F%2FRvnRY5MCZ6zeVMunRoeM3mqKkyh0nWK5HWvj7RAq1krRzqA%2BQW%2BXCqpdf3kBJvmjC1uACr3h4kVeaY2nqTY%2FRJ3Tp55Fo3aS//不同浏览器上下文获得的会话ID不同browserContext2 Session CfDJ8AuMt%2F3FvyxIgNOR82PHE4k6gMjjX4oHDpKiyNDycdgnx5YlW%2Bd00yS1ztwodcO6QH%2B38HHwyzdNQ3ClVdlstFdcrJw0TDLqq6atFm%2F%2FH3TcLc18%2BQEN0MOQmRbFT39hq77AZ%2FF%2BlZ2bc9svnB%2FEpU%2FDmiP5eLWXK9V2Fn0jKIiM

Page 页面

​​Page​​​是指浏览器上下文中的单个选项卡或弹出窗口。每个​​BrowserContext​​​可以有多个​​Page​​。

var page = await browserContext.NewPageAsync();await page.GotoAsync("框架

var page = await browser.NewPageAsync();await page.GotoAsync("string.Empty);//显示 Frame 嵌套树private static void DumpFrameTree(IFrame frame, string indent){ Console.WriteLine($"{indent}{frame.Url}"); foreach (var child in frame.ChildFrames) DumpFrameTree(child, indent + " ");}

Locator 定位器

​​Locator​​​代表了一种随时在页面上查找元素的方法。可以使用​​Page.Locator(selector, options)​​方法创建定位器。

//查找 title 元素，例如" "var locator = page.Locator("title");Console.WriteLine(await locator.InnerTextAsync());

结论

通过灵活应用上述对象模型以及对象模型提供的方法，我们可以实现编写代码来创建新的浏览器页面，导航到 URL，然后与页面上的元素进行交互。

版权声明：本文内容由网络用户投稿，版权归原作者所有，本站不拥有其著作权，亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容，请联系我们jiasou666@gmail.com 处理，核实后本网站将在24小时内删除侵权内容。