问题描述

今天在使用selenium的时候,我们碰到了一个现象,就是我们的可点击的元素并不能点击,报错如下  

selenium.common.exceptions.ElementClickInterceptedException: Message: element click

intercepted: Element

  • ...
  • is not clickable at point (897, 400). Other element would

    receive the click:

      (Session info: chrome=99.0.4844.51)

    我们来分析下错误,说的大概的意思是我们找到了相对应的li元素,但是li元素是不可以点击的,另外一个元素div id="right_nav"的元素被点击到了,我们打开网站分析下,是怎么回事?

    我们使用selenium打开网页的时候,我们想要点击的是绿色框选中的部分,我们打开网页检查下源码,

    我们发现其实是有个右边的导航栏,他的范围遮挡住了我们要去点击的元素,所以我们在点击我们的li元素的时候,点中了上一层的div元素,这个就是出现错误的根本原因

    解决办法

    第一种

    我们尝试将屏幕拉大的过程中,我们可以看到的覆盖在li上的div的面积逐渐变小,那么我们可以尝试将屏幕放到最大`dr.maximize_window()`

    我们发现遮挡部分的面积为零,我们尝试使用程序点击

    from selenium import webdriver

    from loguru import logger

    from time import sleep

    from selenium.webdriver import ActionChains

    logger.add('log.txt')

    dr = webdriver.Chrome("./chromedriver.exe")

    dr.maximize_window()

    dr.get('https://jwc.glut.edu.cn/')

    # sleep(2)

    q = dr.find_element_by_xpath('//div[@class="fr tilink"]/ul/li[1]').click()

    sleep(2)

    dr.quit()

    我们发现点击是可以成功发生的

    非通用型做法:因为我们最大化窗口是随着我们屏幕的分辨率进行同步的,我们的屏幕的大小如果比较小的话,依旧还会发生遮挡,点击不到的情况,不是通用的解法

    第二种

    我们可以将遮挡元素进行进行删除,删除元素后我们就能点击到我们想点击的元素关键点:使用selenium删除元素

    d=dr.find_element_by_xpath("//*[@id='right_nav']")

    dr.execute_script('arguments[0].remove()', d)

     我们发现遮挡元素删除成功

     

    from selenium import webdriver

    from loguru import logger

    from time import sleep

    from selenium.webdriver import ActionChains

    logger.add('log.txt')

    dr = webdriver.Chrome("./chromedriver.exe")

    dr.get('https://jwc.glut.edu.cn/')

    d=dr.find_element_by_xpath("//*[@id='right_nav']")

    dr.execute_script('arguments[0].remove()', d)

    sleep(2)

    q = dr.find_element_by_xpath('//div[@class="fr tilink"]/ul/li[1]').click()

    sleep(2)

    dr.quit()

    我们发现点击是可以成功发生的

    通用型做法:因为我们将遮挡的元素直接删除了,所以无论是否最大化窗口,屏幕的大小如何,我们都是可以访问的到元素的位置的,所以是一种比较通用的解决手段。

    相关阅读

    评论可见,请评论后查看内容,谢谢!!!
     您阅读本篇文章共花了: