升级Chrome后无法用Protractor的click()点击网页元素求助

这种情况在Chrome 66及以上版本非常常见，主要是Chrome对WebDriver规范的实现变化（比如默认启用W3C模式）和旧版本Protractor的兼容性问题导致的。结合你的环境配置，这里有几个可行的解决方案：

1. 调整ChromeDriver的W3C模式设置 #

在你的protractor.conf.js配置文件中，修改ChromeOptions，强制禁用W3C模式，这能解决大部分兼容性问题：

exports.config = {
  // ...其他配置
  capabilities: {
    browserName: 'chrome',
    chromeOptions: {
      w3c: false
    }
  }
};

2. 使用Protractor的Actions API替代直接click() #

有时候直接调用元素的click()会失效，改用鼠标移动到元素再点击的方式，模拟真实用户操作：

const EC = protractor.ExpectedConditions;
// 等待元素可点击
browser.wait(EC.elementToBeClickable(yourElement), 5000);
// 用Actions执行点击
browser.actions().mouseMove(yourElement).click().perform();

3. 升级Protractor到兼容版本 #

你当前使用的Protractor 5.3.0发布于2018年，对Chrome 66的支持不够完善。建议升级到5.4.x系列（比如5.4.4），这个版本修复了不少Chrome新版本的兼容性问题：

npm install protractor@5.4.4 --save-dev

4. 确保元素在视口内再点击 #

有些时候元素存在但不在当前视口，直接click()会失效，可以先滚动到元素位置：

browser.executeScript("arguments[0].scrollIntoView({block: 'center'});", yourElement);
yourElement.click();

5. 验证ChromeDriver与Chrome版本的严格匹配 #

虽然你用了Chromedriver 2.38（它确实对应Chrome 66-68），但建议重新下载对应版本的Chromedriver，确保没有文件损坏，并且在配置中指定正确的Chromedriver路径：

exports.config = {
  // ...其他配置
  chromeDriver: './node_modules/protractor/node_modules/webdriver-manager/selenium/chromedriver_2.38.exe'
};

这些方法应该能解决你遇到的click()失效问题，你可以从调整W3C模式开始尝试，这是最快速的解决方案。

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