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

Question

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

我的代码分为三部分：

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)); 
            });
    }
}

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

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