📌  相关文章
📜  如何在量角器 Node.js 中获取元素的 x 和 y 坐标?(1)

📅  最后修改于: 2023-12-03 15:38:42.102000             🧑  作者: Mango

如何在量角器 Node.js 中获取元素的 x 和 y 坐标?

在量角器 Node.js 中,可以通过使用 getLocationInView 方法获取元素的相对于浏览器窗口的坐标,并使用 getSize 方法获取元素的宽度和高度信息。通过计算可以得到元素的 x 和 y 坐标。

下面是示例代码:

const webdriver = require('selenium-webdriver');
const {By} = webdriver;

const driver = new webdriver.Builder()
    .forBrowser('chrome')
    .build();

driver.get('https://www.example.com');

const element = driver.findElement(By.css('.example'));

element.getLocationInView().then((location) => {
    element.getSize().then((size) => {
        const x = location.x + (size.width / 2);
        const y = location.y + (size.height / 2);
        console.log(`x: ${x}, y: ${y}`);
    });
});

driver.quit();

使用 getLocationInView 方法可以获取元素的相对坐标,使用 getSize 方法可以获取元素的宽度和高度信息。通过计算可以得到元素的 x 和 y 坐标。在示例代码中,我们先获取元素的坐标和大小信息,然后通过计算得到元素的中心坐标并输出。

请注意,使用 getLocationInView 方法时,如果元素在浏览器窗口外面并不可见,则可以使用 scrollIntoView 方法将元素滚动到浏览器窗口中。

element.scrollIntoView().then(() => {
    element.getLocationInView().then((location) => {
        ...
    });
});

现在你已经知道如何在量角器 Node.js 中获取元素的 x 和 y 坐标了。