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

时间:2013-05-24 05:01:12

标签: selenium browser google-chrome-devtools developer-tools selenium-chromedriver

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

这应该不是一个大问题,因为当您在开发者工具中查看html代码时,Firefox和Chrome会在页面中标记您的元素> “元素标签”。

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

1 个答案:

答案 0 :(得分:2)

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>