在UIWebview iOS中从javascript调用c#方法的最简单方法是什么?



我正在使用Xamarin开发iOS应用程序。我有一个 要求在UIWebView中从JavaScript调用C#方法。我们怎样才能做到这一点?

以下是正在加载到 UIWebView 中的 html 内容

const string html = @"
<html>
<body onload=""setBarcodeInTextField()"">
<p>Demo calling C# from JavaScript</p>
<button type=""button"" 
onClick=""CSharp.ScanBarcode('txtBarcode', 'setBarcodeInTextField')"">Scan Barcode
</button>
<input type=""text"" value="""" id=""txtBarcode""/>
<script type=""text/javascript"">

function setBarcodeInTextField() {
alert(""JS"");
}
</script>
</body>
</html>"; 

此外,当 UIWebView 加载 html 内容时,我在警报消息中得到 about://(null)(在正文标签上指定用于显示警报的加载)。

从 WebView 规范中显示的网站触发 C# 方法的一种解决方案是:

1) 初始化 Web 代码中网站的导航,例如

http://scancode/providedBarCode

2)然后,您可以覆盖在导航实际发生之前调用的Webview方法。您可以使用参数拦截那里的调用并忽略实际导航

Xamarin Forms(Web View 的导航方法)

webview.Navigating += (s, e) =>
{
if (e.Url.StartsWith("http://scancode/"))
{
var parameter = e.Url.Split(new[] { "scancode/" }, StringSplitOptions.None)[1];
// parameter will be providedBarCode
// perform your logic here
// cancel the actual navigation
e.Cancel = true;
}
};

Xamarin iOS(UIWebView的ShouldStartLoad方法)

webViewControl.ShouldStartLoad = (webView, request, navType) =>
{
var path = request.Url.AbsoluteString;
if (path.StartsWith("http://scancode/"))
{
var parameter = path.Split(new[] { "scancode/" }, StringSplitOptions.None)[1];
// parameter will be providedBarCode
// perform your logic here
// cancel the actual navigation
return false;
}
return true;
}

最新更新