selenium - HTML 代码 - 如何找出页面上的绝对位置？

Question

是否有任何浏览器引擎或插件可以为用户提供有关给定 HTML 元素位置的信息？我想知道元素在哪里，例如页面的左角或中心。

这应该不是一个大问题，因为 Firefox 和 Chrome 会在您浏览开发人员工具 >“元素选项卡”中的 html 代码时标记页面中的元素。

突出显示元素的示例：http: //imgur.com/mUHd51q我们看到选定的元素当前位于屏幕中心 - 如何以编程方式获取此信息？

Answer 1

Selenium-webdriver 可以为您提供有关您想要的任何 DOM 元素的信息：

d = Selenium::WebDriver.for :chrome
d.get "http://www.google.com"
elem = d.find_element(:name, "btnI")
elem.location
=> #<struct Selenium::WebDriver::Point x=532, y=356>