操作瀏覽器歸根到底就是和頁面進行交互，那么必不可少的操作就是查找頁面上的元素。因此我們需要熟練掌握Locator 定位器。

在上一節我們講過，可以使用Page.Locator(selector, options)方法創建定位器，而如何定位到元素則取決于selector 選擇器。

selector 選擇器

選擇器是用于創建定位器的字符串。那么，選擇器應該如何編寫呢？

下面的例子都是以百度首頁作為測試頁面

文本選擇器

文本選擇器查找包含指定文本的元素，默認不區分大小寫，并搜索子字符串。

例如，下面的代碼都可以找到hao123鏈接：

Page.Locator("text=Hao123")Page.Locator("text=ao12")

CSS 選擇器

CSS 選擇器查找包含指定 CSS 的元素。

例如，查找搜索按鈕：

Page.Locator(".s_btn")

XPath 選擇器

可以使用 XPath 選擇元素。

XPath 即 XML 路徑語言（XML Path Language），它是一種用來確定 XML 文檔中某部分位置的語言，同樣可以用來定位 HTML 中某個元素的位置。

如果你不會 XPath 也不要緊，可以使用瀏覽器開發者工具，在元素選項卡中直接復制 XPath:

例如，查找搜索按鈕：

Page.Locator("//*[@id=\"su\"]")

屬性選擇器

目前，僅支持以下屬性：

• id

• data-testid

• data-test-id

• data-test

例如，查找搜索按鈕：

Page.Locator("id=su")

添加微信號【MyIO666】，邀你加入技術交流群