故事：
在StackOverflow上，我看到有用户报告他们无法通过selenium WebDriver的“click”命令点击一个元素，并通过执行脚本来使用JavaScript click进行解决。
Python示例：
element = driver.find_element_by_id("myid")
driver.execute_script("arguments[0].click();", element)
WebDriverJS/Protractor中的示例：
var elm = $("#myid");
browser.executeScript("arguments[0].click();", elm.getWebElement());
问题：
为什么使用“通过JavaScript”点击可以工作，而常规的WebDriver点击不行？这是在什么时候发生的，如果有的话，这种解决方法的缺点是什么？
我个人在没有完全理解为什么要这样做以及可能引起什么问题的情况下使用了这种解决方法。
与目前接受的答案所说的相反，无论是WebDriver点击还是JavaScript点击，在PhantomJS上并没有什么特别之处。
两种方法之间的基本区别适用于所有浏览器，并且可以很简单地解释：
WebDriver: 当WebDriver执行点击操作时，它会尽力模拟真实用户使用浏览器的情况。 假设您有一个元素A，它是一个按钮，上面写着“点击我”，还有一个元素B，它是一个透明的
JavaScript: 现在，假设您使用JavaScript执行A.click()。此点击方法不会重现用户尝试单击A时发生的真实情况。 JavaScript直接将click事件发送给A，B将不会接收任何事件。
通过驱动程序执行的点击操作尽可能地模拟真实用户的行为，而JavaScript HTMLElement.click()则执行click事件的默认操作，即使该元素不可交互。
两者之间的区别在于：
驱动程序确保该元素可见，通过滚动将其滚动到视图中，并检查该元素是否可交互。
驱动程序将会报错：
disabled为true）时pointer-events为none）时
JavaScript HTMLElement.click()将始终执行默认操作，或者如果该元素被禁用，则最多会静默失败。
如果该元素可以接受焦点，则期望驱动程序将其置于焦点上。
JavaScript HTMLElement.click()不会这样做。
期望驱动程序发出所有事件（mousemove、mousedown、mouseup、click等），就像真实用户一样。
JavaScript HTMLElement.click()仅会触发click事件。
页面可能依赖于这些额外的事件，如果它们没有被触发，页面可能表现不同。
以下是使用Chrome的驱动程序为单击操作发出的事件：
mouseover {target:#topic, clientX:222, clientY:343, isTrusted:true, ... }
mousemove {target:#topic, clientX:222, clientY:343, isTrusted:true, ... }
mousedown {target:#topic, clientX:222, clientY:343, isTrusted:true, ... }
mouseup {target:#topic, clientX:222, clientY:343, isTrusted:true, ... }
click {target:#topic, clientX:222, clientY:343, isTrusted:true, ... }
这是使用JavaScript注入触发的事件：
click {target:#topic, clientX:0, clientY:0, isTrusted:false, ... }
JavaScript的.click() 触发的事件不可信任，默认动作可能不会被调用：
https://developer.mozilla.org/zh-CN/docs/Web/API/Event/isTrusted
https://googlechrome.github.io/samples/event-istrusted/index.html
请注意，一些驱动程序仍会生成不可信任的事件，如PhantomJS 2.1版本。
JavaScript的.click() 触发的事件没有点击的坐标信息。
clientX, clientY, screenX, screenY, layerX, layerY属性都设置为0。页面可能依赖这些属性，而导致行为不同。
在某些情况下，使用JavaScript的.click()可以获取一些数据，但并不是在测试环境下。因为它不能模拟用户的行为，所以与测试的目的相悖。如果驱动程序中的点击失败，那么在同样的条件下真正的用户也很可能无法执行相同的点击。
在什么情况下驱动程序会无法点击我们期望它成功地点击一个元素？
由于延迟或过渡效果，目标元素尚未可见/可交互。
例如：
https://developer.mozilla.org/fr/docs/Web（下拉导航菜单） http://materializecss.com/side-nav.html（侧边栏下拉菜单）
解决方法：
添加一个等待器以等待元素的可见性、最小大小或稳定位置：
// wait visible
browser.wait(ExpectedConditions.visibilityOf(elem), 5000);
// wait visible and not disabled
browser.wait(ExpectedConditions.elementToBeClickable(elem), 5000);
// wait for minimum width
browser.wait(function minimumWidth() {
return elem.getSize().then(size => size.width > 50);
}, 5000);
重试点击直到成功：
browser.wait(function clickSuccessful() {
return elem.click().then(() => true, (ex) => false);
}, 5000);
添加与动画/过渡持续时间相匹配的延迟：
browser.sleep(250);
一旦滚动到视图中，目标元素最终会被浮动元素覆盖：
驱动程序会自动将元素滚动到视图中以使其可见。如果页面包含浮动/固定元素（菜单、广告、页脚、通知、Cookie策略等），该元素可能最终被覆盖，不再可见或无法交互。
例如：https://twitter.com/?lang=en
解决方法：
将窗口大小设置为较大的值以避免滚动或浮动元素的干扰。
使用负数 Y 偏移量将鼠标悬停在元素上，然后单击它：
browser.actions()
.mouseMove(elem, {x: 0, y: -250})
.click()
.perform();
点击之前将元素滚动到窗口中心：
browser.executeScript(function scrollCenter(elem) {
var win = elem.ownerDocument.defaultView || window,
box = elem.getBoundingClientRect(),
dy = box.top - (win.innerHeight - box.height) / 2;
win.scrollTo(win.pageXOffset, win.pageYOffset + dy);
}, element);
element.click();
如果无法避免，请隐藏浮动元素：
browser.executeScript(function scrollCenter(elem) {
elem.style.display = 'none';
}, element);
注意：我们把“点击”称为用户的点击事件，“JS 点击”表示通过 JS 触发的点击事件。
为什么“通过 JavaScript”触发点击会生效，而常规 WebDriver 点击则不行呢？
有两种情况可能导致出现这种问题：
那么这是 PhantomJS 最常见的已知行为。某些元素有时无法进行点击，例如 <div> 标签。这是因为 PhantomJS 最初是用于模拟浏览器引擎（例如初始的 HTML + CSS -> 计算 CSS -> 渲染），但这并不意味着可以像最终用户一样与之交互（查看、点击、拖动）。因此，PhamtomJS 仅部分支持最终用户的交互。
为什么 JS 点击会生效？对于任何一种点击方式来说，它们都意味着点击操作。这就像一把枪上有1 根枪管和2 个扳机——一个是从视口触发的，一个是通过 JS 触发的。由于 PhamtomJS 在模拟浏览器引擎方面表现出色，因此通过 JS 触发的点击操作应该完全可以生效。
例如我们有一个 <div> 标签：
-> 我们进行一些计算
-> 然后绑定点击事件到这个 <div> 标签上
-> 再加上 Angular 框架的一些错误编码（例如没有正确处理作用域周期）
这可能会导致相同的结果。由于 WebdriverJS 尝试在元素没有“点击”事件处理程序的情况下进行点击操作，所以点击操作无法生效。
为什么 JS 点击会生效？JS 点击就像直接将 JS 注入到浏览器中一样。有两种方式可行：
首先是通过开发工具控制台（是的，WebdriverJS确实可以与开发工具控制台通信）。
其次是将<script>标签直接注入HTML中。
对于每个浏览器，行为都会不同。但无论如何，这些方法都比点击按钮更复杂。点击是使用已有功能（最终用户点击），js点击是通过后门进行的。
而对于js点击，它将出现为异步任务。这与“浏览器异步任务和CPU任务调度”的某种复杂主题有关（之前读过一篇文章，现在找不到了）。简而言之，这将大多数情况下导致js点击需要等待“CPU任务调度周期”，并且在绑定点击事件后运行得稍慢一些。 （当您发现元素有时可单击，有时不可单击时，您可能会知道此情况。）
具体是什么时候发生，这种解决方法有何缺点（如果有的话）？
=> 如上所述，两种方式都是为了一个目的，但使用哪个入口：
=> 对于性能来说，很难说因为它取决于浏览器。但通常：
=> 缺点：
browser.wait()方法（点击此链接获取更多信息）button = driver.wait.until(EC.presence_of_element_located(
(By.XPATH, "//div[@id='pagination-element']/nav[1]/span[3]/button[1]/span[1]/i[1]")
))
driver.execute_script("arguments[0].click();", button)
if (theElement.Enabled)
{
if (!theElement.Selected)
{
var driver = (IJavaScriptExecutor)Driver;
driver.ExecuteScript("arguments[0].click();", theElement); //ok
//theElement.Click();//action performed on theElement, then pops exception
}
}
theElement.Click()上面，我们将检查单选按钮，但是异常如上图所示。Click()会导致此异常，有人能解释一下为什么会出现这种异常吗？
click或sendKeys）可以正常工作，但并非总是如此。没有定位问题或其他异常，测试用例只是无法继续执行。日志显示操作已执行。有时使用Action可以帮助解决问题。如果我手动点击元素（在测试用例停止后），一切都能正常工作。因此，在这种情况下我们转而使用原始JS。我已经有2年没有使用AngularJS了，所以现在可能会更好。 - Würgspaß