建站
咨詢
售后
建站咨詢
新聞中心
那么，我今天就來寫一篇文章，具體說說應該怎么操作。
公司主營業(yè)務：網站設計制作、網站建設、移動網站開發(fā)等業(yè)務。幫助企業(yè)客戶真正實現(xiàn)互聯(lián)網宣傳，提高企業(yè)的競爭能力。創(chuàng)新互聯(lián)公司是一支青春激揚、勤奮敬業(yè)、活力青春激揚、勤奮敬業(yè)、活力澎湃、和諧高效的團隊。公司秉承以“開放、自由、嚴謹、自律”為核心的企業(yè)文化，感謝他們對我們的高要求，感謝他們從不同領域給我們帶來的挑戰(zhàn)，讓我們激情的團隊有機會用頭腦與智慧不斷的給客戶帶來驚喜。創(chuàng)新互聯(lián)公司推出容縣免費做網站回饋大家。
這個方法的核心，是借助JavaScript的事件(event)來獲取鼠標所在的元素。然后再把這個元素傳遞給Selenium。我們先來第一步，不考慮Selenium，只使用JavaScript，如何獲取當前鼠標指向的元素呢?
我們首先需要知道在JavaScript中的一個事件句柄，叫做window.onmousemove。默認情況下，它的值是null：
我們可以把它的值修改成一個函數(shù)，這個函數(shù)接收一個event參數(shù)，這樣當鼠標在網頁上移動的時候，這個函數(shù)就會被調用。而event參數(shù)是一個對象，這個對象有兩個屬性.clientX和.clientY，分別表示鼠標相當于網頁的橫坐標和縱坐標：
function track_mouse(event){
var x = event.clientX, y = event.clientY
console.log('當前鼠標所在位置的坐標：x=' + x + 'y=' + y)
}運行效果如下圖所示：
你執(zhí)行命令以后，只要在頁面上移動鼠標，你就會在控制臺看到大量的坐標被打印出來。
接下來，既然你有了當前鼠標所在位置的坐標，那么你只需要根據(jù)坐標查詢到這個元素是什么就可以了。在JavaScript中，有一個函數(shù)叫做document.elementFromPoint，就能實現(xiàn)這個效果：
function track_mouse(event){
var x = event.clientX, y = event.clientY
var element = document.elementFromPoint(x, y)
if (!element) {
return // 當前位置沒有元素
}
return element
}那么，如何把這個參數(shù)返回給Selenium呢?其實也非常簡單，我們設置一個全局變量window.hovered_element，然后把當前鼠標對應的元素賦值給它。然后在Selenium中，使用.execute_script獲取window.hovered_element就可以了。
我們先來看看完整的JavaScript：
window.hovered_element = null
function track_mouse(event){
var x = event.clientX, y = event.clientY
var element = document.elementFromPoint(x, y)
if (!element) {
window.hovered_element = null
return // 當前位置沒有元素
}
window.hovered_element = element
}
window.onmousemove = track_mouse
然后我們再來看看Selenium中的Python代碼：
import time
from selenium.webdriver import Chrome
driver = Chrome('./chromedriver')
driver.get('https://www.kingname.info/')
js = '''
window.hovered_element = null
function track_mouse(event){
var x = event.clientX, y = event.clientY
var element = document.elementFromPoint(x, y)
if (!element) {
window.hovered_element = null
return // 當前位置沒有元素
}
window.hovered_element = element
}
window.onmousemove = track_mouse
'''
driver.execute_script(js)
while True:
element = driver.execute_script('return window.hovered_element')
if element:
print(f'當前鼠標所在的標簽為：{element.tag_name}, 其中的文本內容為：{element.text}')
time.sleep(1)
運行效果如下圖所示：
獲取到了當前鼠標所在的元素的標簽和標簽里面的文字。
到這里，這個同學需要的功能已經完全實現(xiàn)了。
但可能有聰明的同學會發(fā)現(xiàn)，他這個需求是有問題的。我們能看到至少有三個問題：
- 因為window.onmousemove太靈敏了，它的采樣時間是毫秒級別的，鼠標稍稍移動一點點就會生成一個事件。但是，一個元素的區(qū)域是很大的，在一個元素內部移動鼠標，其實根本沒有必要更新window.hovered_element。
- 在Selenium里面，是通過while True每1秒查詢一次window.hovered_element，雖然我們已經降低了頻率，但大家從上面的圖中可以看到，還是會獲取到很多重復的數(shù)據(jù)。這是由于有一些元素非常大，我們鼠標如果在上面慢慢移動，時間會超過1秒，那么Selenium就會重復獲取到數(shù)據(jù)。
- 由于window.onmousemove的采樣時間間隔很小，所以我們可以近似把鼠標的移動看做是連續(xù)的移動。因此，這段代碼會記錄鼠標軌跡路徑上面的每一個元素。但實際上，我們并不會對網頁上所有的內容都感興趣，我們只會對特定的內容感興趣。因此，獲取當前鼠標所在位置的元素，其實是一個偽需求，它根本沒有什么實際上用處，因為噪聲太大了，無用的數(shù)據(jù)太多了!
實際上，我覺得真正的需求應該是這樣的：如果鼠標在網頁上面某個元素停留時間超過5秒，那么獲取這個元素。
但這樣做太費時間了。每次都要等5秒，豈不是帶薪摸魚?那需求能不能改成獲取當前鼠標點擊的元素呢?如果你實踐一下，你會發(fā)現(xiàn)，當你點擊一個鏈接的時候，網頁自動就跳轉到另一個頁面去了，并不能獲取到你需要的數(shù)據(jù)。
網頁標題：一日一技：Selenium如何獲取鼠標指向的元素？
URL分享：http://m.fisionsoft.com.cn/article/dhcjepd.html
