WebDriver click（）与JavaScript click（）

Z时代
2024-01-10
分类：问答

在StackOverflow上，我看到用户报告说他们无法通过selenium

WebDriver“单击”命令单击元素，并且可以通过执行脚本来解决JavaScript单击问题。

Python中的示例：

element = driver.find_element_by_id("myid")
driver.execute_script("arguments[0].click();", element)

WebDriverJS /量角器中的示例：

var elm = $("#myid");
browser.executeScript("arguments[0].click();", elm.getWebElement());

为什么在常规WebDriver单击不起作用时单击“通过JavaScript”有效？这到底是什么时候发生的，这种解决方法（如果有）的缺点是什么？

我个人使用此变通办法时并未完全理解为什么必须这样做以及它可能导致什么问题。

回答：

与当前接受的答案所暗示的相反，PhantomJS并没有特定于WebDriver单击和使用JavaScript的区别。

区别

两种方法之间的本质区别是所有浏览器都共有的，可以很简单地解释一下：

WebDriver：假设您有一个元素A，它是一个表示“单击我”的按钮，一个元素B是一个div透明的元素，但具有其尺寸和zIndex设置，使其完全覆盖A。然后告诉WebDriver单击A。WebDriver将模拟点击，使B 首先获得点击。为什么？因为B涵盖了A，并且如果用户尝试单击A，则B将首先获得该事件。A是否最终会获得click事件取决于B如何处理该事件。无论如何，在这种情况下，WebDriver的行为与真实用户尝试单击A时的行为相同。

JavaScript：现在，假设您使用JavaScript来做A.click()。。JavaScript将click事件直接发送给A，而B将不会获得任何事件。

为什么在WebDriver单击不起作用时JavaScript单击有效？

正如我上面提到的，WebDriver会尽可能地模拟真实用户使用浏览器时发生的情况。事实是，DOM可以包含用户无法与之交互的元素，并且WebDriver不允许您单击这些元素。除了我提到的重叠情况之外，这还意味着无法单击不可见元素。我在“堆栈溢出”问题中看到的一个常见情况是有人试图与DOM中已经存在的GUI元素进行交互，但是只有在处理了其他某些元素后才可见。有时在下拉菜单中会发生这种情况：您必须先单击按钮，然后弹出菜单，然后才能选择菜单项。如果有人尝试在菜单可见之前单击菜单项，