PyAutoGUI环境下网页无响应及元素加载异常检测咨询

一、检测网页冻结 #

针对网页无响应、加载冻结的情况，可从以下维度判断：

• 标签页加载状态识别：提前截取Chrome标签页上"加载中"的转圈图标截图（命名为loading_icon.png），定期用pyautogui.locateOnScreen()检测该图标是否持续存在。如果图标存在超过设定阈值（比如10秒），说明网页加载卡住。
• 页面动态区域校验：选取网页中本该随操作变化的区域（比如点击后状态会更新的按钮、实时刷新的提示文字），定期截图对比。连续3-5次截图完全一致时，判定页面无响应。
• 进程资源监控：用psutil模块监控Chrome进程的CPU、内存占用。如果进程CPU持续100%占用超过5分钟，或内存飙升后长时间不回落，结合页面操作无响应的情况，判定网页冻结。

示例代码（标签页加载状态检测）：

import pyautogui
import time

def is_page_frozen():
    loading_icon = pyautogui.locateOnScreen('loading_icon.png', confidence=0.8)
    freeze_start = time.time()
    while loading_icon is not None:
        if time.time() - freeze_start > 10:
            return True
        time.sleep(1)
        loading_icon = pyautogui.locateOnScreen('loading_icon.png', confidence=0.8)
    return False

二、检测特定元素加载失败（长停留触发） #

针对每20分钟出现的长停留元素加载问题，可通过以下方式检测：

• 目标元素截图匹配：提前保存正常加载时目标元素的清晰截图（target_element.png），每隔一段时间用pyautogui.locateOnScreen()查找。如果连续2-3次找不到，判定元素加载失败。注意需安装opencv-python来启用confidence参数提升匹配精度。
• 异常占位符检测：如果元素加载失败时会显示固定的占位内容（比如"加载失败"文本、空白灰框），截取这些异常状态的截图（error_placeholder.png），定期检测是否出现该特征。
• 定时触发验证：因为问题每20分钟出现一次，可设置定时器每19分钟执行一次轻量交互（比如点击页面空白处、滚动页面），同时检测目标元素状态，提前发现异常。

示例代码（目标元素存在性检测）：

def check_target_element_status():
    # 检测正常元素
    normal_element = pyautogui.locateOnScreen('target_element.png', confidence=0.7)
    if normal_element:
        return "normal"
    # 检测异常占位符
    error_elem = pyautogui.locateOnScreen('error_placeholder.png', confidence=0.8)
    if error_elem:
        return "load_failed"
    return "not_found"

注意事项 #

• 确保Chrome窗口固定在屏幕同一位置，避免被其他窗口遮挡，否则截图匹配会失效。
• 截图时尽量截取元素的独特特征区域，减少背景干扰。
• 使用confidence参数前需执行pip install opencv-python安装依赖。

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