前端页面加载图片慢，增加智能等待

最新推荐文章于 2025-08-22 11:42:01 发布

原创最新推荐文章于 2025-08-22 11:42:01 发布 · 1.2k 阅读

0 ·

本内容遵循CC 4.0 BY-SA版权协议

标签

#selenium #python

收录于

本文介绍了前后端分离架构下，前端如何通过显示加载指示器来阻止用户输入，确保数据完整性。利用Selenium WebDriver实现智能等待，直到加载指示器消失，从而避免用户误操作。

前后端分离后，前端在加载后端数据完成之前，为了防止用户输入，会在界面上弹出一个转动的圈，实际上是多加了一层，把正常的数据输入层隐藏起来，防止用户输入，查看页面的代码，发现<div class="mint-indicator" style="display: none;">，display为none用户才可以输入，在代码中加入智能等待：

WebDriverWait(driver,30).until(ec.presence_of_element_located((By.XPATH,'//div[@class="mint-indicator"][@style="display: none;"]')))

until的参数不能为元素。需要导入的包：

from selenium.webdriver.support.wait import WebDriverWait
from selenium.webdriver.support import expected_conditions as ec
from selenium.webdriver.common.by import By