如何在 Chrome 中单击通过 webdriver 通过 Ajax 加载的元素

2023-04-19前端开发问题
14

本文介绍了如何在 Chrome 中单击通过 webdriver 通过 Ajax 加载的元素的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着跟版网的小编来一起学习吧!

问题描述

浏览器:Chrome V65

Browser : Chrome V65

ChromeDriver:chromedriver.exe 2.37

ChromeDriver: chromedriver.exe 2.37

webdriver 尝试单击元素时发生错误.下面是我的click():

Error occurs while webdriver trying to click an element. The below is my click():

def click(self):
    try:
        self.wait_for().visible()
        self._selenium_context().click()
    except Exception as e:
        raise NoSuchElementException

def visible(self):
    '''
    Check if the element is visible.
    :return:  True or exception.
    '''
    return Utils.wait_for(self.web_element.visible, self.interval, self.timeout)

我已经等待元素可见,然后单击.但是抛出异常说其他元素将收到点击"如下:

I had already waited for element visible and then clicked. But exception was thrown saying 'Other element would receive the click' as below:

selenium.common.exceptions.WebDriverException: Message: unknown error: Element <div class="learn-wrap" ng-click="changeTab(2)" ng-class="internal.tab == 2?"learn-selected':''">...</div> is not clickable at point (1026, 89). Other element would receive the click: <div class="loading-data ng-scope ng-animate ng-leave ng-leave-active" ng-if="internal.isAjaxing" data-ng-animate="2" style="">...</div>

即使我添加语句以等待 ajax 加载完成以单击元素,也会发生错误:

Error occurs even if I add statement to wait ajax loading finished to click the element:

driver.find_element(By.XPATH, "//div[contains(@class, 'learn') and (contains(@ng-if, '!internal.isAjaxing'))]")
driver.find_element(By.XPATH , element_xpath).click()

这种情况在 Chrome 上经常发生,可能 5 次中有 4 次失败.没用!

This happens on Chrome frequently, maybe 4 in 5 times failure. It doesn't work!

现在,我必须使用 sleep 来等待元素变为可点击.

Now, I have to use sleep to wait element to be clickable instead.

有人可以帮忙吗?谢谢.

Can anybody help? Thanks.

推荐答案

可以使用action类点击元素,

You can use action class to click element,

语法:

Actions action = new Actions(driver);
action.moveToElement("Your Element").click().perform();

这篇关于如何在 Chrome 中单击通过 webdriver 通过 Ajax 加载的元素的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持跟版网!

The End

相关推荐

ajax请求获取json数据并处理的实例代码
ajax请求获取json数据并处理的实例代码 $.ajax({ type: 'GET', url: 'https://localhost:44369/UserInfo/EditUserJson',//请求数据 data: json,//传递数据 //dataType:'json/text',//预计服务器返回的类型 timeout: 3000,//请求超时的时间 //回调函数传参 suc...
2024-11-22 前端开发问题
215

layui 单选框、复选框、下拉菜单不显示问题如何解决?
1. 如果是ajax嵌套了 页面, 请确保 只有最外层的页面引入了layui.css 和 layui.js ,内层页面 切记不要再次引入 2. 具体代码如下 layui.use(['form', 'upload'], function(){ var form = layui.form; form.render(); // 加入这一句});...
2024-11-09 前端开发问题
313

Rails 3.1 ajax:成功处理
Rails 3.1 ajax:success handling(Rails 3.1 ajax:成功处理)...
2024-04-20 前端开发问题
11

使用 will_paginate gem 在 Rails 3.2.3 中调用 Ajax
Ajax call in rails 3.2.3 with will_paginate gem(使用 will_paginate gem 在 Rails 3.2.3 中调用 Ajax)...
2024-04-20 前端开发问题
6

使用视图附加或嵌入节点添加表单
Attach or embed node add form with a view(使用视图附加或嵌入节点添加表单)...
2024-04-19 前端开发问题
9

Drupal:如何使用 AJAX POST 从 REST 服务提交 webfrom
Drupal: How to submit the webfrom from REST services using AJAX POST(Drupal:如何使用 AJAX POST 从 REST 服务提交 webfrom)...
2024-04-19 前端开发问题
5