Playwright系列课（2） | 元素定位四大法宝：CSS/文本/XPath/语义化定位实战指南

一、Playwright 定位机制核心优势

Playwright 的定位器（Locator）具备智能等待与自动重试机制，执行操作前自动检查元素可操作性（可见性、可点击性），大幅减少因网络延迟导致的脚本失败。其定位体系包含四大核心方法：

定位策略	语法示例	适用场景
CSS 选择器	page.locator("#submit-btn")	常规元素定位
文本定位	page.locator("text=登录")	无唯一属性的按钮/链接
XPath	page.locator("//button[@class='btn']")	复杂层级或属性组合定位
语义化定位	page.get_by_role("button", name="提交")	可访问性优先场景

二、四大定位方法深度解析与实战

1. CSS 选择器：精准高效的样式定位

基础语法：

• ID 定位：#element-id

• Class 定位：.class-name

• 属性定位：[type="text"]

高级技巧：

• 层级嵌套：选择子元素用 >，后代元素用空格

  # 选择直接子元素
  page.locator("div.container > button")
  # 选择后代元素（跨层级）
  page.locator("d