如何通过javascript函数获取当前的webelement clientHeight和scrollHeight？

Question

问题是当我们从下面的c#代码中调用函数时，获取当前webElement的clientHeight和scrollHeight，

注意：我们的应用程序中没有任何 id，而是从 xpath 访问这些 webElements。

((IJavaScriptExecutor)driver)?.ExecuteScript("return 
helper.getDimensions();",webElement);

在Javascript函数中，

var helper={
  getDimensions = function(){
     return '{webElementViewPortHeight:'+arguments[0].clientHeight}'
 }

}

如果我们通过如下语句，我将获得当前 webElement 的 clientHeight，

((IJavaScriptExecutor)driver)?.ExecuteScript("return ' 
 {webElementViewPortHeight:'+arguments[0].clientHeight}'",webElement);

当我们调用函数时，我期望 webElement 的值。

Answer 1

WebElement 的相关 HTML 将帮助我们构建规范的答案。但是，您可以使用以下解决方案：

• 要检索clientHeight：

  Console.WriteLine((string)((IJavaScriptExecutor)driver).ExecuteScript("return arguments[0].clientHeight;", new WebDriverWait(driver, 20).until(ExpectedConditions.ElementIsVisible(By.Id("element_id")))));
  

• 要检索scrollHeight：

  Console.WriteLine((string)((IJavaScriptExecutor)driver).ExecuteScript("return arguments[0].scrollHeight;", new WebDriverWait(driver, 20).until(ExpectedConditions.ElementIsVisible(By.Id("element_id")))));
  

---

Java 工作示例

当针对Google Home Page上的文本框执行脚本时：

• 代码块：

  public class A_demo 
  {
      public static void main(String[] args) throws Exception 
      {
          System.setProperty("webdriver.chrome.driver", "C:\\Utility\\BrowserDrivers\\chromedriver.exe");
          ChromeOptions options = new ChromeOptions();
          options.addArguments("start-maximized");
          options.setExperimentalOption("excludeSwitches", Collections.singletonList("enable-automation"));
          options.setExperimentalOption("useAutomationExtension", false);
          WebDriver driver = new ChromeDriver(options);
          driver.get("https://www.google.com/");
          System.out.println("Client Height is: "+((JavascriptExecutor)driver).executeScript("return arguments[0].clientHeight;", new WebDriverWait(driver, 20).until(ExpectedConditions.elementToBeClickable(By.name("q")))).toString());
          System.out.println("Scroll Height is: "+((JavascriptExecutor)driver).executeScript("return arguments[0].scrollHeight;", new WebDriverWait(driver, 20).until(ExpectedConditions.elementToBeClickable(By.name("q")))).toString());
      }
  }
  

• 控制台输出：

  Client Height is: 34
  Scroll Height is: 34