Playwright-page.locator()定位元素

时间:2025-10-06 05:24:13  阅读量:  分类:标签:

这句话的作用是定位页面中符合条件的元素,并将定位结果赋值给变量input_loc,具体拆解如下:

1. 代码拆解

  • page.locator():Playwright 中用于定位页面元素的核心方法,参数是 “定位表达式”(这里用的是 CSS 选择器),返回一个 “定位器(locator)” 对象,后续可以通过这个对象对元素进行操作(比如输入文本、点击等)。

  • 'input[name="wd"]':这是一个 CSS 选择器,用于精确指定要定位的元素:

    • input:表示要定位的元素是 <input> 标签(输入框类型的元素)。

    • [name="wd"]:表示该 <input> 标签的 name 属性值必须是 "wd"name 是 HTML 元素的一个常用属性,用于标识元素)。

2. 具体定位的元素

结合你之前的代码场景(访问百度首页 http://www.baidu.com),这句话定位的是百度首页的搜索输入框

百度首页的搜索框在 HTML 中的结构大致如下:

<input type="text" name="wd" ... />

其中 name="wd" 是百度搜索框的标志性属性,因此通过 input[name="wd"] 可以精准定位到这个搜索框。

总结:这句话的作用是 “找到百度首页中 name 属性为 wd 的输入框,并把它保存到 input_loc 变量中”,后续可以通过 input_loc.fill(...) 向这个搜索框输入内容。