如何获取正确坐标实现按钮点击？坐标偏移问题排查与解决

在表单中尝试点击id为go的按钮时，通过计算坐标调用WINAPI执行点击，鼠标会偏移到标签顶部附近而非按钮上。相关代码如下：

页面HTML代码 #

Nome: <input type="input" id="firstName">
<input type="button" value="Hit me" id="go" onclick="alert('Hello, ' + document.getElementById('firstName').value)"/>

实现代码（C# + Selenium） #

IWebElement element = driver.FindElement(By.Id("go"));

int browserWindowX = driver.Manage().Window.Position.X;
int browserWindowY = driver.Manage().Window.Position.Y;

Point elementLocation = element.Location;
int x = elementLocation.X;
int y = elementLocation.Y;

// Calculate absolute screen coordinates
int absoluteX = browserWindowX + x;
int absoluteY = browserWindowY + y;

Thread.Sleep(3000);
doClick(absoluteX, absoluteY);

doClick方法定义 #

void doClick(int x, int y)
{
    Cursor.Position = new Point(x, y);
    mouse_event(MOUSEEVENTF_LEFTDOWN, (uint)x, (uint)y, 0, 0);
    mouse_event(MOUSEEVENTF_LEFTUP, (uint)x, (uint)y, 0, 0);
}

注：因常规Selenium点击方法无效，采用WINAPI实现点击，IWebElement来自Selenium库。

• 未考虑浏览器窗口标题栏/边框的偏移
  浏览器窗口的Position.Y是整个窗口左上角的屏幕坐标，但网页内容是从标题栏下方开始渲染的。直接用窗口位置加元素位置，会把标题栏的高度算入Y坐标，导致点击位置向上偏移到窗口标题区域附近。

• 未点击元素的可点击核心区域
  element.Location返回的是元素左上角的坐标，直接点击这个位置可能不在按钮的有效点击范围内（比如按钮有内边距、边框样式时），应该点击元素的中心点。

修复代码示例 #

推荐使用Selenium内置的LocationOnScreenOnceScrolledIntoView方法，它会自动计算窗口标题栏、页面滚动等所有偏移，直接返回元素在屏幕上的绝对位置：

IWebElement element = driver.FindElement(By.Id("go"));

// 获取元素在屏幕上的绝对位置（自动处理所有偏移）
Point elementScreenPos = element.LocationOnScreenOnceScrolledIntoView;

// 计算元素中心点坐标
int clickX = elementScreenPos.X + element.Size.Width / 2;
int clickY = elementScreenPos.Y + element.Size.Height / 2;

Thread.Sleep(3000);
doClick(clickX, clickY);

备选手动计算方案 #

如果无法使用LocationOnScreenOnceScrolledIntoView，可以手动计算窗口内容区域的偏移：

IWebElement element = driver.FindElement(By.Id("go"));

int windowX = driver.Manage().Window.Position.X;
int windowY = driver.Manage().Window.Position.Y;

// 通过JS获取浏览器内容区域的高度，计算标题栏高度
IJavaScriptExecutor js = (IJavaScriptExecutor)driver;
int innerHeight = (int)js.ExecuteScript("return window.innerHeight;");
int titleBarHeight = driver.Manage().Window.Size.Height - innerHeight;

Point elementPos = element.Location;
// 计算绝对坐标时，窗口Y坐标需加上标题栏高度
int clickX = windowX + elementPos.X + element.Size.Width / 2;
int clickY = windowY + titleBarHeight + elementPos.Y + element.Size.Height / 2;

Thread.Sleep(3000);
doClick(clickX, clickY);

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