Selenium操作网页时,如何获取元素的CSS选择器?

发布时间:2024年01月15日

1.案例

输入文本操作的元素的CSS选择器怎么获取,用https://passport.baidu.com/v2/?login演示

2.分析

要获取元素的CSS选择器,可以使用浏览器的开发者工具来查看页面的HTML结构和元素属性。以下是在Chrome浏览器中获取元素CSS选择器的步骤:

  1. 打开Chrome浏览器,并访问目标网站(例如:https://passport.baidu.com/v2/?login)。
  2. 右键点击要进行输入文本操作的元素,然后选择"检查"或"审查元素"。
  3. 开发者工具将打开并显示页面的HTML结构和选中的元素。
  4. 在开发者工具中,选中的元素会自动在HTML结构中高亮显示。
  5. 在HTML结构中,右键单击选中的元素,然后选择"Copy" -> “Copy selector”。
  6. CSS选择器将被复制到剪贴板。

在百度登录页面(https://passport.baidu.com/v2/?login)上,可以使用类似的方法获取用户名和密码输入框的CSS选择器。以下是一个示例:

  • 用户名输入框的CSS选择器:#TANGRAM__PSP_3__userName
  • 密码输入框的CSS选择器:#TANGRAM__PSP_3__password

3.解决

使用这些CSS选择器,你可以在代码中使用await page.type()方法来输入用户名和密码:

await page.type('#TANGRAM__PSP_3__userName', 'your_username')
await page.type('#TANGRAM__PSP_3__password', 'your_password')

请注意,不同的网站可能具有不同的HTML结构和元素属性,所以获取正确的CSS选择器是根据特定网站进行的。每个网站的登录表单可能会有所不同,因此要根据实际情况查找相应的元素和选择器。

文章来源:https://blog.csdn.net/m0_57021623/article/details/135589270
本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。