WebBrowser控件中獲取子錨點元素

Question

序言

我使用WebBrowser控制，其用戶將與互動，所以解決方案將需要用可見WebBrowser控制工作。

問題

如何檢查元素是否有一個錨作爲一個孩子？所有瀏覽器都可以區分一個元素包含錨點（<a href=""...），並提供「在新選項卡中打開」功能。這正是我試圖複製的內容。但是，當我右鍵點擊一個HtmlElement我只能夠獲得父元素。

例

以BBC網站作爲一個例子，當我右擊突出顯示的元素上（下圖），我的輸出是DIV，但觀察源代碼有一個錨元件作爲子這div。

SSCCE

using System; 
using System.Diagnostics; 
using System.Windows.Forms; 

namespace BrowserLinkClick 
{ 
    public partial class Form1 : Form 
    { 
     private WebBrowser wb; 
     private bool firstLoad = true; 

     public Form1() 
     { 
      InitializeComponent(); 
     } 

     private void Form1_Load(object sender, EventArgs e) 
     { 
      wb = new WebBrowser(); 
      wb.Dock = DockStyle.Fill; 
      Controls.Add(wb); 
      wb.Navigate("http://bbc.co.uk"); 
      wb.DocumentCompleted += wb_DocumentCompleted; 
     } 

     private void Document_MouseDown(object sender, HtmlElementEventArgs e) 
     { 
      if (e.MouseButtonsPressed == MouseButtons.Right) 
      { 
       HtmlElement element = wb.Document.GetElementFromPoint(PointToClient(MousePosition)); 
       //I assume I need to check if this element has child elements that contain a TagName "A" 
       if (element.TagName == "A") 
        Debug.WriteLine("Get link location, open in new tab."); 
       else 
        Debug.WriteLine(element.TagName); 
      } 
     } 


     private void wb_DocumentCompleted(object sender, WebBrowserDocumentCompletedEventArgs e) 
     { 
      if (firstLoad) 
      { 
       wb.Document.MouseDown += new HtmlElementEventHandler(Document_MouseDown); 
       firstLoad = false; 
      } 
     } 

    } 
} 

請使用測試在BBC網站和突出標題任何建議的解決方案（標題的變化，但DOM保持不變）。

Answer 1

你必須檢查，如果它是一個錨之前得到的element子元素：

HtmlElement element = wb.Document.GetElementFromPoint(PointToClient(MousePosition)); 
foreach (HtmlElement child in element.Children) 
{ 
    if (child.TagName == "A") 
     Debug.WriteLine("Get link location, open in new tab."); 
} 

Answer 2

要訪問您需要的HtmlElement投射到非託管MSHTML接口之一所需要的性能，例如IHTMLAnchorElement

您必須添加Microsoft HTML Object Library COM參考到您的項目。
（文件名是mshtml.tlb）。

foreach (HtmlElement child in element.Children) 
{ 
    if (String.Equals(child.TagName, "a", StringComparison.OrdinalIgnoreCase)) 
    { 
     var anchorElement = (mshtml.IHTMLAnchorElement)child.DomElement; 
     Console.WriteLine("href: [{0}]", anchorElement.href); 
    } 
} 

有很多這樣的接口，但MSDN將幫助您選擇。 :)

Scripting Object Interfaces (MSHTML)

Answer 3

我建議你以下解決方案：
url變量將所需輸出的URL，你就可以看到它在調試器窗口。

private void Document_MouseDown(object sender, HtmlElementEventArgs e) 
{ 
     if (e.MouseButtonsPressed == MouseButtons.Right) 
     { 
      HtmlElement element = wb.Document.GetElementFromPoint(PointToClient(MousePosition)); 
      //I assume I need to check if this element has child elements that contain a TagName "A" 
      if (element.TagName == "A") 
      { 
       Debug.WriteLine("Get link location, open in new tab."); 
       var urlRaw = element.OuterHtml; 
       string hrefBegin = "href="; 
       var idxHref = urlRaw.IndexOf(hrefBegin) + hrefBegin.Length + 1; 
       var idxEnd = urlRaw.IndexOf("\"", idxHref + 1); 
       var url = urlRaw.Substring(idxHref, idxEnd - idxHref); 
       Debug.WriteLine(url); 
      } 

      else 
       Debug.WriteLine(element.TagName); 
     } 
    } 

Answer 4

您的程序必須有其他錯誤。在BBC網站上，您的代碼適用於新聞文章（儘管我看到非英國版本的網站）。在其他地方有錨元素作爲子網站下面的代碼工作

private void Document_MouseDown(object sender, HtmlElementEventArgs e) 
    { 
     if (e.MouseButtonsPressed == MouseButtons.Right) 
     { 
      HtmlElement element = wb.Document.GetElementFromPoint(PointToClient(MousePosition)); 
      if (element.Children.Count > 0) 
      { 
       foreach (HtmlElement child in element.Children) 
       { 
        if (child.TagName == "A") 
         Debug.WriteLine("Get link location, open in new tab."); 
       } 
      } 
      else 
      { 
       //I assume I need to check if this element has child elements that contain a TagName "A" 
       if (element.TagName == "A") 
        Debug.WriteLine("Get link location, open in new tab."); 
       else 
        Debug.WriteLine(element.TagName); 
      } 
     } 
    } 

Answer 5

與英國廣播公司網站上的挑戰，它必須對他們的網址有點不標準的方法。 下面去了A HREF的樣本之一：

<A tabIndex=-1 aria-hidden=true class=block-link__overlay-link href="http://www.bbc.com/news/world-africa-36132482" rev=hero5|overlay>Barbie challenges the 'white saviour complex' </A> 

所以，你需要，如果使用兩個部分：
1. element.TagName == 「A」 2.檢查屬性href的這：element.GetAttribute（「href」）

這兩個檢查可以爲您提供擔保，您可以使用標記a處理某些內容，並且該標記a具有屬性href。看另一個用法的例子：

private void Document_MouseDown(object sender, HtmlElementEventArgs e) 
    { 
     if (e.MouseButtonsPressed == MouseButtons.Right) 
     { 
      HtmlElement element = wb.Document.GetElementFromPoint(PointToClient(MousePosition)); 
      //I assume I need to check if this element has child elements that contain a TagName "A" 
      if (element.TagName == "A" && !string.IsNullOrEmpty(element.GetAttribute("href")))//it means we have deal with href 
      { 
       Debug.WriteLine("Get link location, open in new tab."); 
       var url = element.GetAttribute("href"); 
       Debug.WriteLine(url); 
      } 

      else 
       Debug.WriteLine(element.TagName); 
     } 
    }