如何在C#的Selenium中调整MoveByOffset的移动速度？

一、基于Selenium Actions的分步滑动方案 #

原代码通过单次MoveByOffset直接完成全距离移动，导致滑块瞬间到位。可以将总移动距离拆分为多个小步，每步移动后添加短暂等待，模拟真实滑动的平滑效果：

By slider_humidity = By.XPath("ExampleXpath");
var hSlider = driver.FindElement(slider_humidity);
Actions action = new Actions(driver);

// 定位滑块起点并按下鼠标
action.MoveToElement(hSlider, 0, 0).ClickAndHold().Perform();

int totalPixels = pixelstomove;
int stepCount = 15; // 拆分的步数，数值越大滑动越平滑
int stepPixels = totalPixels / stepCount;
int remainingPixels = totalPixels % stepCount;

for (int i = 0; i < stepCount; i++)
{
    // 每步移动小段距离
    action.MoveByOffset(stepPixels, 0).Perform();
    // 控制滑动速度，间隔毫秒数越大，滑动越慢
    System.Threading.Thread.Sleep(40);
}

// 补全剩余像素（避免总距离无法被步数整除的情况）
if (remainingPixels != 0)
{
    action.MoveByOffset(remainingPixels, 0).Perform();
    System.Threading.Thread.Sleep(40);
}

// 释放鼠标完成滑动
action.Release().Perform();

二、基于JavaScriptExecutor的替代方案 #

通过JS可以更灵活地控制滑块行为，适配不同类型的滑块组件：

1. 标准HTML5 Range滑块（） #

如果是原生range滑块，可直接分步修改value属性并触发事件，实现平滑滑动：

IJavaScriptExecutor js = (IJavaScriptExecutor)driver;
By slider_humidity = By.XPath("ExampleXpath");
var hSlider = driver.FindElement(slider_humidity);

int targetValue = 60; // 滑块目标值，需匹配组件的min/max范围
int step = 2; // 每次增减的数值
int interval = 30; // 每次修改的间隔毫秒

string jsScript = @"
    let slider = arguments[0];
    let target = arguments[1];
    let step = arguments[2];
    let interval = arguments[3];
    
    let current = parseInt(slider.value);
    let direction = target > current ? 1 : -1;
    
    let timer = setInterval(() => {
        current += step * direction;
        // 到达目标值后停止并修正最终值
        if ((direction === 1 && current >= target) || (direction === -1 && current <= target)) {
            current = target;
            clearInterval(timer);
        }
        slider.value = current;
        // 触发change事件，确保页面感知滑块变化
        slider.dispatchEvent(new Event('change', {bubbles: true}));
    }, interval);
";

js.ExecuteScript(jsScript, hSlider, targetValue, step, interval);

2. 自定义滑块（通过位置控制） #

对于自定义实现的滑块（如用div模拟、通过left/transform控制位置），可模拟鼠标事件分步移动：

IJavaScriptExecutor js = (IJavaScriptExecutor)driver;
By slider_humidity = By.XPath("ExampleXpath");
var hSlider = driver.FindElement(slider_humidity);

int totalPixels = pixelstomove; // 总移动像素
int stepPixels = 4; // 每步移动像素
int interval = 25; // 间隔毫秒

string jsScript = @"
    let slider = arguments[0];
    let totalPixels = arguments[1];
    let stepPixels = arguments[2];
    let interval = arguments[3];
    
    // 模拟鼠标按下滑块
    const rect = slider.getBoundingClientRect();
    let mousedownEvent = new MouseEvent('mousedown', {
        bubbles: true,
        cancelable: true,
        clientX: rect.left,
        clientY: rect.top + rect.height / 2
    });
    slider.dispatchEvent(mousedownEvent);
    
    let currentOffset = 0;
    let direction = totalPixels > 0 ? 1 : -1;
    let absTotal = Math.abs(totalPixels);
    
    let timer = setInterval(() => {
        currentOffset += stepPixels * direction;
        if (Math.abs(currentOffset) >= absTotal) {
            currentOffset = totalPixels;
            clearInterval(timer);
            // 模拟鼠标释放
            let mouseupEvent = new MouseEvent('mouseup', {bubbles: true, cancelable: true});
            slider.dispatchEvent(mouseupEvent);
        }
        // 模拟鼠标移动
        let mousemoveEvent = new MouseEvent('mousemove', {
            bubbles: true,
            cancelable: true,
            clientX: rect.left + currentOffset,
            clientY: rect.top + rect.height / 2
        });
        document.dispatchEvent(mousemoveEvent);
    }, interval);
";

js.ExecuteScript(jsScript, hSlider, totalPixels, stepPixels, interval);

内容的提问来源于stack exchange，提问作者tsfdf T76