我的问题如下:

我正在接受培训以检索此网站上的信息https://www.cetelem.es/ .

我想做几件事:

• 点击两个滑动按钮更改信息。

• 获取滑动按钮变化后的信息

• 设置一个条件，仅当 tin 和 tae 发生变化时才检索信息。

我在 google colab 上尝试使用以下代码:

from selenium import webdriver
from selenium.webdriver.support.ui import WebDriverWait
from selenium.webdriver.support import expected_conditions as EC
chrome_options = webdriver.ChromeOptions()
chrome_options.add_argument('--headless')
chrome_options.add_argument('--no-sandbox')
chrome_options.add_argument('--disable-dev-shm-usage')
chrome_options.add_argument('--start-maximized')
webdriver = webdriver.Chrome('chromedriver',chrome_options=chrome_options)
url = "https://www.cetelem.es/"

webdriver.get(url)
webdriver.find_element_by_class_name("bar-slider importe").send_keys("20.000")
webdriver.find_element_by_class_name("bar-slider messes").send_keys("30")
webdriver.save_screenshot('sreenshot.png')
print(webdriver.find_element_by_tag_name('body').text)

error 1

如果你有解决方案，你能解释一下我的错误吗？因为我是抓取的真正初学者。

最佳答案

这可能并不理想，但您可以使用 +/- 按钮调整 slider 直到命中目标。这是顶部 slider 的示例。您还应该将目标的范围限制在 4.000 € 的下限和 60.000 € 的上限。

from selenium import webdriver
from selenium.webdriver.support.ui import WebDriverWait
from selenium.webdriver.support import expected_conditions as EC
chrome_options = webdriver.ChromeOptions()
# chrome_options.add_argument('--headless')
chrome_options.add_argument('--no-sandbox')
chrome_options.add_argument('--disable-dev-shm-usage')
chrome_options.add_argument('--start-maximized')
webdriver = webdriver.Chrome('chromedriver',chrome_options=chrome_options)
url = "https://www.cetelem.es/"

webdriver.get(url)
targetSliderStep = 22.700
targetSliderStep = round(targetSliderStep  * 2) / 2  # to ensure is units covered by clicking
print('target: ' + "{0:.3f}".format(targetSliderStep))
actualSliderStep = float(webdriver.find_element_by_id('slider-step-value').text.replace(' €',''))

if actualSliderStep < targetSliderStep:
    while float(webdriver.find_element_by_id('slider-step-value').text.replace(' €','')) < targetSliderStep:
        webdriver.find_element_by_css_selector("#slider-step .up-button").click()
elif actualSliderStep > targetSliderStep:
    while float(webdriver.find_element_by_id('slider-step-value').text.replace(' €','')) > targetSliderStep:
        webdriver.find_element_by_css_selector("#slider-step .down-button").click()
print('actual: ' + webdriver.find_element_by_id('slider-step-value').text.replace(' €',''))

回答您的其他问题:

其他 slider :

对其他 slider 使用相同的逻辑(并可能添加 12-96 的范围):

targetTimeStep = 22.700
targetTimeStep = round(int(targetTimeStep))  # to ensure is units covered by clicking
print('target: ' + str(targetTimeStep))
actualTimeStep = int(webdriver.find_element_by_id('slider-time-step-value').text)

if actualTimeStep < targetTimeStep:
    while int(webdriver.find_element_by_id('slider-time-step-value').text) < targetTimeStep:
        webdriver.find_element_by_css_selector("#slider-time-step .up-button").click()
elif actualTimeStep > targetTimeStep:
    while int(webdriver.find_element_by_id('slider-time-step-value').text) > targetTimeStep:
        webdriver.find_element_by_css_selector("#slider-time-step .down-button").click()
print('actual: ' + webdriver.find_element_by_id('slider-time-step-value').text)

选择项目:

您可以通过单击左侧菜单栏然后通过 href 属性值子字符串定位项目链接来获取所有更长的项目列表。

webdriver.find_element_by_id('showLeft').click()
webdriver.find_element_by_id('layout_6').click()
projects = webdriver.find_elements_by_css_selector("[href*='prestamos/prestamo-']")
print(len(projects))

CSS 选择器:

我一直使用 CSS 选择器，因为现代浏览器针对 CSS 进行了优化。

例如下面的

#slider-step .up-button 

是具有 id (#) slider-step 的父元素与具有类 (.) 的一个或多个元素的后代组合向上按钮。 # 是 id selector , . class selector "" 是 descendant combinator即选择具有该 id 的父级的此类的子级。

您希望尽可能使用 id 选择器，然后使用类选择器作为更快的选择器。

例如，如果您右键单击 + 按钮上的检查元素，对于顶部 slider ，您将看到以下 HTML:

您可以清楚地看到 + 的父 id 和子类。

如果你想练习css选择器以下link很有趣，您可以阅读选择器 here

关于javascript - 在 selenium python 中单击 slider 按钮，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/54638518/