selenium 滑动屏幕常用 js 语句

最新推荐文章于 2026-04-11 09:31:21 发布

原创最新推荐文章于 2026-04-11 09:31:21 发布 · 422 阅读

1 ·

本内容遵循CC 4.0 BY-SA版权协议

GEO检测

标签

#python #开发语言 #android #selenium #appium

自动化测试工具同时被 3 个专栏收录

226 篇文章

订阅专栏

软件测试

192 篇文章

订阅专栏

性能测试

148 篇文章

订阅专栏

本文介绍了在Selenium网页自动化测试中如何使用JavaScript实现屏幕滚动，包括从特定位置滑动、滚动到底部和顶部、以及元素滚动到视口的顶部、中心和底部。还提供了封装好的Scroll类便于调用这些功能。

前言：

UI 自动化中经常会用到屏幕滑动，selenium 提供的接口很少。记录一下常用的 js 语句以免忘记

封装一下便于调用

前言：

在使用 Selenium 进行网页自动化测试时，有时需要滑动屏幕来滚动页面以便测试某些元素。下面是一些常用的 JavaScript 语句，可以用来实现在 Selenium 中滑动屏幕。

UI 自动化中经常会用到屏幕滑动，selenium 提供的接口很少。记录一下常用的 js 语句以免忘记

从 (0,0) 滑动 x,y 距离

window.scroll(x,y)

从当前位置滑动 x,y 距离

window.scrollBy(x,y)

滑动到底部位置

window.scroll(0, document.documentElement.scrollHeight)

滑动到顶部位置

window.scroll(0, 0)

滑动元素至顶部对齐，可以使用 selenium 自带的，也可以用 js

element.location_once_scrolled_into_view
或者
driver.execute_script('arguments[0].scrollIntoView({block: "start"})', element)
或者
driver.execute_script('arguments[0].scrollIntoView(true)', element)

滑动元素至屏幕中间

driver.execute_script('arguments[0].scrollIntoView({block: "center"})', element)

滑动元素至屏幕底部对齐

driver.execute_script('arguments[0].scrollIntoView({block: "end"})', element)
或者
driver.execute_script('arguments[0].scrollIntoView(flase)', element)

缩放页面

js = "document.body.style.zoom='60%'"

封装一下便于调用

import time

from selenium import webdriver
import os

from selenium.webdriver.chrome.options import Options
class Scroll(object):
    """
    browser = driver
    """
    browser: object = None

    @property
    def driver(self):
        return self.__class__.browser

    @driver.setter
    def driver(self, driver):
        self.__class__.browser = driver

    @classmethod
    def scroll(cls, x, y):
        """
        移动x,y距离(以 0,0)为坐标
        :param x:
        :param y:
        :return:
        """
        script = f"window.scroll({x},{y})"
        cls.browser.execute_script(script)

    @classmethod
    def scroll_to_bottom(cls):
        """
        移动到底部
        :return:
        """
        full_screen_height = "document.documentElement.scrollHeight"
        script = f"window.scroll(0, {full_screen_height})"
        cls.browser.execute_script(script)

    @classmethod
    def scroll_to_top(cls):
        """
        回到顶部
        :return:
        """
        script = "window.scroll(0, 0)"
        cls.browser.execute_script(script)

    @staticmethod
    def scroll_to_element_top(element):
        """
        滑动至顶部对齐
        :param element:
        :return:
        """
        var = element.location_once_scrolled_into_view

    @classmethod
    def scroll_to_element_center(cls, element):
        """
        滑动至中间对齐
        :param element:
        :return:
        """
        cls.browser.execute_script('arguments[0].scrollIntoView({block: "center"})', element)

    @classmethod
    def scroll_to_element_bottom(cls, element):
        """
        滑动至底部对齐
        :return:
        """
        cls.browser.execute_script('arguments[0].scrollIntoView(false)', element)



chromedriver = os.getenv("CHROME_DRIVER")
options = Options()
options.add_argument("--start-maximized")

driver = webdriver.Chrome(executable_path=chromedriver, options=options)
driver.get("file:///C:/demo.html")

element = driver.find_element_by_id("demo")
Scroll.browser = driver

Scroll.scroll_until_element_displayed(element)
time.sleep(3)
Scroll.scroll_to_element_top(element)
time.sleep(3)
Scroll.scroll_to_element_center(element)
time.sleep(3)
Scroll.scroll_to_element_bottom(element)
time.sleep(3)
driver.quit()