如何在 Web 浏览器控件中找到元素的位置？

Question

我有一个带有网络浏览器控件的表单，它可以加载一个网页（它工作正常，页面加载正常）

现在我的问题是，我想查找特定的 url 链接是在首屏下方还是首屏之上 （我的意思是，用户是否必须向下滚动才能看到此链接） 这个 v 是否在不滚动的情况下可见，或者我们需要滚动才能看到它。我希望我很清楚

我进行了广泛的搜索，但似乎没有关于查找 html 元素位置（当前视图上方或下方）的信息

有没有人对此有所了解并可以指出正确的方向？ （我正在寻找 c# 解决方案 - WinForms）

更新：非常感谢 John Koerner 提供的代码。非常感谢他为解决我的问题所付出的时间和精力。

还有乔纳森和其他所有人.. 我希望我也可以将乔纳森的回复标记为答案，但它只允许将一个回复标记为答案。他的评论也是明确而有用的提示。谢谢你们太棒了！！！

Answer 1

好的，我已经在 google 和 stackoverflow 上对此进行了测试，它似乎可以工作：

private bool isElementVisible(WebBrowser web, string elementID)
{

    var element = web.Document.All[elementID];

    if (element == null)
        throw new ArgumentException(elementID + " did not return an object from the webbrowser");

    // Calculate the offset of the element, all the way up through the parent nodes
    var parent = element.OffsetParent;
    int xoff = element.OffsetRectangle.X;
    int yoff = element.OffsetRectangle.Y;

    while (parent != null)
    {
        xoff += parent.OffsetRectangle.X;
        yoff += parent.OffsetRectangle.Y;
        parent = parent.OffsetParent;
    }

    // Get the scrollbar offsets
    int scrollBarYPosition = web.Document.GetElementsByTagName("HTML")[0].ScrollTop;
    int scrollBarXPosition = web.Document.GetElementsByTagName("HTML")[0].ScrollLeft;

    // Calculate the visible page space
    Rectangle visibleWindow = new Rectangle(scrollBarXPosition, scrollBarYPosition, web.Width, web.Height);

    // Calculate the visible area of the element
    Rectangle elementWindow = new Rectangle(xoff,yoff,element.ClientRectangle.Width, element.ClientRectangle.Height);

    if (visibleWindow.IntersectsWith(elementWindow))
    {
        return true;
    }
    else
    {
        return false;
    }
}

然后要使用它，您只需调用：

isElementVisible(webBrowser1, "topbar")  //StackOverflow's top navigation bar

Answer 2

我有一个可行的想法（从未尝试过，但这是我能提供给你的最好的，抱歉）

可以在webbrowsercontrol中调用javascripts函数：LINK

您还可以制作 javascripts 函数来为您提供元素的位置：LINK

如果你混合这两个概念，你可以知道元素是否可见，就像你知道 webbrowsercontrol 的大小一样。

请注意，您可以将 javascript 代码注入 webbrowsercontrol。这篇 SO 帖子解释了如何做到这一点：LINK

祝你好运。