Javascriptで親と祖父母のリンクを検出する

Question

私はC＃でWebブラウザを作っており、ユーザーが右クリックした要素に基づいてカスタムコンテキストメニューを表示しています。どの要素をリンクとして扱わなければならないのか分かりませんか？

if (el_tag == "a") 
    showLinkMenu(); 

else if (el_tag == "img" && parent_tag == "a") 
    showAdvancedMenu(); 

else if (el_tag == "img") 
    showImgMenu(); 

Shot1：Google chrome detected this as a link

Shot2：Structure>のdiv> div>のdiv>のdiv>のIMG

私は、このようなリンクを検出するために何をすべき？

Answer 1

<a>にhrefという属性がある場合は、親タグのリストを繰り返し、リンクを呼び出す必要があります。

Answer 2

IContextMenuHandlerを実装し、CefMenuCommandの組み込み機能とTypeFlagの組み込み関数を使用することをお勧めします。これにより、右クリックされた要素に基づいてコンテキストメニュー項目を追加または削除することができます。

MenuHandler.cs

internal class MenuHandler : IContextMenuHandler 
{ 
    private const int SaveImage = 26503; 
    private const int OpenLinkNewTab = 26501; 

    public event EventHandler OnSaveImage = delegate { }; 

    void IContextMenuHandler.OnBeforeContextMenu(IWebBrowser browserControl, IBrowser browser, IFrame frame, IContextMenuParams parameters, IMenuModel model) 
    { 
     if(parameters.TypeFlags.HasFlag(ContextMenuType.Media) && parameters.HasImageContents) 
     { 
      model.AddItem((CefMenuCommand)SaveImage, "Save image"); 
     } 
     if(!string.IsNullOrEmpty(parameters.UnfilteredLinkUrl)) 
     { 
      model.AddItem((CefMenuCommand)OpenLinkNewTab, "Open link in new tab"); 
     } 
    } 

    bool IContextMenuHandler.OnContextMenuCommand(IWebBrowser browserControl, IBrowser browser, IFrame frame, IContextMenuParams parameters, CefMenuCommand commandId, CefEventFlags eventFlags) 
    { 
     return false; 
    } 

    void IContextMenuHandler.OnContextMenuDismissed(IWebBrowser browserControl, IBrowser browser, IFrame frame) 
    { 
     if ((int)commandId == SaveImage) 
     { 
      OnSaveImage?.Invoke(this, new ImageSaveEventArgs(parameters.SourceUrl)); //ImageSaveEventArgs is just a class with one property that houses the source url of the image to download. 
     } 
    } 

    bool IContextMenuHandler.RunContextMenu(IWebBrowser browserControl, IBrowser browser, IFrame frame, IContextMenuParams parameters, IMenuModel model, IRunContextMenuCallback callback) 
    { 
     return false; 
    } 
} 

次に、あなたがあなたのChromiumWebBrowserインスタンスを作成どこでも、あなたがこのような何か行うことができます。

ChromiumWebBrowser browser = new ChromiumWebBrowser(); 
MenuHandler menuHandler = new MenuHandler(); 
menuHandler.OnSaveImage += Handler_OnSaveImage; 
browser.MenuHandler = menuHandler; 

private void Handler_OnSaveImage(object sender, EventArgs e) 
{ 
    DownloadImage(((ImageSaveEventArgs)e).SourceUrl); 
} 

注意、これは内蔵のIContextMenuHandler得るために使用しての単なる一例ですユーザーが右クリックした内容、自分のイベントを処理して、必要な動作を実装することができます。この場合、URLからファイルをダウンロードすることができます。

MenuHandler.csのCefSharpの詳細やその他の例については、GitHubのページをご覧ください。