说我有
<body>
<div id="container1"><div>
<div id="container2"><div>
</body>
有没有办法在浏览器中渲染后获取 container1
和 container2
之间的距离?我所说的距离是指用户在两个元素之间看到的实际距离,以像素、英寸或其他形式表示。
最佳答案
这非常依赖于平台/浏览器,但您可以尝试 Selenium + PhantomJS。例如,让我们找到 main Wikipedia page 中两个链接之间的距离。 :
安装依赖项:
- 安装 NodeJS:
- 安装 phantomjs:
npm -g install phantomjs
- 安装selenium:
pip install selenium
Python:
from selenium import webdriver
driver = webdriver.PhantomJS()
driver.set_window_size(1024, 768)
driver.get('http://en.wikipedia.org/wiki/Main_Page')
main_page_link = driver.find_element_by_css_selector('#n-mainpage-description a')
help_link = driver.find_element_by_css_selector('#n-help a')
help_link.location['y'] - main_page_link.location['y']
# 159 px
对于 Chrome/Firefox 等,您只需安装相应的网络驱动程序并更改:
driver = webdriver.Chrome() # or
driver = webdriver.Firefox()
作为渲染差异的示例,在 Mac 中使用 Chrome 时我得到 171 像素,而在 Firefox 中我得到 164 像素。
关于python - 在Python中获取两个网络元素之间的距离?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25821284/