Question

如何使用 selenium 和 python 从网站获取工具提示文本，其中文本来自 javascript

2021-02-10

349

javascript python html selenium

我试图获取工具提示文本，当我将鼠标悬停在游戏进行的时间上时，该文本会显示出来 https://www.leagueofgraphs.com/summoner/eune/AnFrey99 在此处输入图片说明 ] 1

在 html 代码中，它没有显示文本，我认为它来自 javascript，并且每行在 tr 标签内都有一个脚本，但到目前为止，我无法获取 var newTooltipData 的值。


    var newTooltipData = {"match-2733966814": (new Date(1612964002882).toLocaleDateString() + " " + new Date(1612964002882).toLocaleTimeString()) + " - 31min 48s"};
    if (window.tooltipData) {
        window.tooltipData = Object.assign(window.tooltipData, newTooltipData);
    } else {
        window.tooltipData = newTooltipData;
    }

我想要获取每行的确切日期以及我已经完成的其他信息。这是我的代码和我的尝试。

driver_second = webdriver.Firefox(executable_path=DRIVER_PATH)
driver_second.get("https://www.leagueofgraphs.com/summoner/eune/"+'AnFrey99')
time.sleep(5)
accept_button=driver_second.find_element_by_xpath("/html/body/div[3]/div/div/div[3]/div[1]/button[2]")
accept_button.click()
tabel=driver_second.find_element_by_xpath("//table[@class='data_table relative recentGamesTable']")
rows=tabel.find_elements_by_xpath("tbody/tr")
for row in rows:
    elements=row.find_elements_by_xpath("td")
    if(len(elements)>1):
            script=row.find_element_by_xpath("script")
            data=elements[2].find_element_by_xpath("a/div[3]")
            data=script.get_property('innerHTML')

Answer 1

如果将鼠标悬停在该 div 上，JavaScript 会将一个新 div 附加到网站，其 ID 为 'tooltip' （该函数的完整源代码此处）：

var TooltipManager = (function () {
    [...]
            var tooltipElement = $('#tooltip');
            if (!tooltipElement.length) {
                $('body').append('<div id="tooltip"></div>'); #New Div appended
                [...]

因此，将鼠标悬停在该 div 上后，Selenium 可以找到这个新的 div id =“tooltip”，从而调用此函数。

from selenium import webdriver
from webdriver_manager.chrome import ChromeDriverManager
from selenium.webdriver.common.action_chains import ActionChains    
import time
    
driver_second = webdriver.Firefox(executable_path=DRIVER_PATH)
driver_second.get('https://www.leagueofgraphs.com/summoner/eune/AnFrey99')
time.sleep(3)

infos = driver_second.find_elements_by_class_name('gameDate')

for i in infos:
    hover = ActionChains(driver_second).move_to_element(i)
    hover.perform()
    time.sleep(1)
    DateofGame = driver_second.find_element_by_id('tooltip').text
    print(DateofGame)

输出：

10.2.2021 14:33:22 - 31min 48s
10.2.2021 14:02:55 - 20min 47s
29.1.2021 04:12:09 - 29min 13s
29.1.2021 03:23:24 - 34min 54s
29.1.2021 02:44:22 - 32min 46s
29.1.2021 01:35:22 - 32min 48s
28.1.2021 23:23:19 - 24min 35s
10.1.2021 01:12:34 - 21min 8s
8.1.2021 22:27:35 - 21min 4s
8.1.2021 22:08:01 - 14min 51s