1.案例
输入文本操作的元素的CSS选择器怎么获取，用https://passport.baidu.com/v2/?login演示
2.分析
要获取元素的CSS选择器，可以使用浏览器的开发者工具来查看页面的HTML结构和元素属性。以下是在Chrome浏览器中获取元素CSS选择器的步骤：
- 打开Chrome浏览器，并访问目标网站（例如：https://passport.baidu.com/v2/?login）。
- 右键点击要进行输入文本操作的元素，然后选择"检查"或"审查元素"。
- 开发者工具将打开并显示页面的HTML结构和选中的元素。
- 在开发者工具中，选中的元素会自动在HTML结构中高亮显示。
- 在HTML结构中，右键单击选中的元素，然后选择"Copy" -> “Copy selector”。
- 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
版权归原作者 今晚务必早点睡 所有， 如有侵权，请联系我们删除。
版权归原作者 今晚务必早点睡 所有， 如有侵权，请联系我们删除。