为什么我不能在 WebView (UWP) 的外部浏览器中打开链接？

Question

我正在开发一个即将完成的 Web App 应用程序，该应用程序有一个包含一些链接的本地 WebApp，我想在外部浏览器（Edge、Chrome 等）中打开它们.).

我的代码分为 3 部分：

1) Windows 运行时组件：

using System;
using System.Collections.Generic;
using Windows.Foundation.Metadata;
using Windows.Storage;
using Windows.System;

namespace CallJSInterface
{
    [AllowForWeb]
    public sealed class CallJSCSharp
    {
        public async void OpenURL(string url)
        {
            await Launcher.LaunchUriAsync(new Uri(url));
        }
    }
}

2) WebView代码：

XAML:

<WebView x:Name="webView1" Source="ms-appx-web:///Assets/index.html" NavigationStarting="webView1_NavigationStarting" />

C#:

private void webView1_NavigationStarting(WebView sender, WebViewNavigationStartingEventArgs args)
{
    sender.AddWebAllowedObject("CallJSCSharp", pObject: new CallJSCSharp());
}

3) JavaScript (jQuery):

$("a").click(function (event) {
    event.preventDefault();
    CallJSCSharp.OpenURL($(this).attr('href'));
});

但是没有任何反应，没有错误，没有消息，什么都没有。有谁知道我应该改变什么？感谢您的帮助。

附加信息：

我对两个项目使用相同的配置。

Answer 1

有两个问题导致代码无法运行。

首先 - Windows 运行时组件会自动修改命名约定以匹配执行它的目标平台。因为 JavaScript 方法名称按照惯例以小写字母开头，所以您必须像这样调用 OpenURL 方法：

CallJSCSharp.openURL($(this).attr('href'));

现在您应该可以在 Windows 运行时组件中设置断点并查看实际调用的方法。但是还有另一个问题 - OpenURL 方法没有在 UI 线程上调用，这是 Launcher 正常工作所必需的。要避免这种情况，您需要使用 Dispatcher:

[AllowForWeb]
public sealed class CallJSCSharp
{
    public async void OpenURL(string url)
    {
        await CoreApplication.MainView.Dispatcher.RunAsync(CoreDispatcherPriority.Normal,
            async () => { 
                 await Launcher.LaunchUriAsync(new Uri(url)); 
            });
    }
}

进行此更改后，代码应该可以按预期工作。

最后 - 感谢您提出完美的问题:-)。

为什么我不能在 WebView (UWP) 的外部浏览器中打开链接？

Why cannot I open links in an external browser in a WebView (UWP)?

c#

hyperlink

webview

uwp

windows-10-universal