24小时学会Python Visual code +Python Playwright通过谷歌浏览器取控件元素（连载、十一）

范小多2025-12-14 9:29

一、通过google浏览器取控件css元素

1、首先我们打开google浏览器输入www.baidu.com地址

2、按下F12

点击弹出框中左边的<- ，之后用鼠标点击你想取的元素（控件）

复制代码

# 简单的测试脚本
from playwright.sync_api import sync_playwright

 
with sync_playwright() as p:
    # 启动浏览器
    browser = p.chromium.launch(headless=False, channel="chrome")  # headless=False表示显示浏览器
    page = browser.new_page()
    
    # 访问新闻页面
    page.goto("https://www.baidu.com")
    
    ben=page.locator("#chat-textarea")
    
    ben.click()        # 点击操作
    ben.fill("范小多")    # 输入文本
    # 定位ID为"submit-btn"的按钮
	
    but = page.locator("#chat-submit-button")
	
    but.click()

对于复杂网页，不好看出的css的元素，按下图鼠标点击右键，点copy,选 selector 拷贝出元素即可，建议刚开始时用这个方法，以后熟悉了可以手工取css元素。

得到 #chat-textarea

同样取得按钮button的css元素

二、复杂的字符串中提取数字

比如一个元素我们取到的值是共 17 页，我们需要取出17，代码如下

frame5=page.frame_locator("#span.el-pagination__total")

#除去字符串中字符，只保留数字
numbers= $char for char in frame5.text_content() if char.isdigit()$
zjlsstr=''.join(numbers) #str
zjlsint=int(zjlsstr) #int 总记录数