如何用Selenium获取CSS选择器为img标签添加渲染宽高属性

你不需要手动生成CSS选择器，Selenium执行JS脚本时支持直接传入已获取的WebElement对象，通过arguments关键字在JS代码中直接调用即可。
原有代码的问题：

• 图片尺寸计算逻辑和属性设置逻辑分离，设置属性的代码写在遍历循环外，只会处理最后一张图片
• 硬编码的#image_sec>img选择器不符合页面实际结构，无法定位到对应元素

修改后的可运行代码：

from selenium import webdriver
import undetected_chromedriver as uc
from selenium.webdriver.common.by import By

options = webdriver.ChromeOptions()
options.add_experimental_option("excludeSwitches", ["enable-logging"])
options.add_argument("start-maximized")
driver = uc.Chrome(options=options)
driver.get("https://www.qconcursos.com/questoes-de-concursos/questoes?discipline_ids%5B%5D=13&discipline_ids%5B%5D=16&discipline_ids%5B%5D=39&discipline_ids%5B%5D=46&discipline_ids%5B%5D=56&discipline_ids%5B%5D=57&examining_board_ids%5B%5D=1&examining_board_ids%5B%5D=2&examining_board_ids%5B%5D=5&page=2&scholarity_ids%5B%5D=1&scholarity_ids%5B%5D=2")

# 可根据实际页面加载速度调整隐式等待时长
driver.implicitly_wait(10)

try:
    images = driver.find_elements(By.XPATH, '//img')
    for img in images:
        size = img.size
        w, h = size['width'], size['height']
        # 直接传入img元素作为JS参数，按顺序对应arguments的下标即可
        driver.execute_script('arguments[0].setAttribute("width", arguments[1]); arguments[0].setAttribute("height", arguments[2]);', img, w, h)
    # 此时调用driver.page_source即可拿到已添加宽高属性的完整HTML源码，用于后续提取
    modified_html = driver.page_source
except Exception as e:
    print(e)

内容的提问来源于stack exchange，提问作者MyDisplay