将一些带有javascript的文本从Xamarin.Forms传递到WebView中

Question

我试图从xamarin.forms向webView控件发送一些文本。有很多解决方案，我几乎都尝试过…；-(

所以实际上它们工作得很好，但我总是要点击html文件上的一个按钮，我将其加载到这个webView中，这样我就可以将一些文本传递到html文件中。但是我想在不点击这个按钮的情况下传递文本。当webView加载后，文本应该在那里。

这里有一些代码：

在xaml.cs中，我加载WebView:

protected override void OnAppearing()
{
base.OnAppearing();
webViewElement.Source = new HtmlWebViewSource();
webViewElement.Source = DependencyService.Get<IBaseUrl>().Get();
webViewElement.RegisterAction(ExecuteActionFromJavascript);
ExecuteSetFromJavascript();
}

然后使用ExecuteSetFromJavascript((，我调用html文件中的一个函数：

private async void ExecuteSetFromJavascript()
{
var result = "Hello";
if (result != null)
{
var test =  await webViewElement.EvaluateJavaScriptAsync($"updatetextonwebview('{result}')");
}
}

这是html文件中的函数：

function updatetextonwebview(text) {
alert(text);
// document.getElementById("content").innerHTML = text;
}

因此，现在页面应该在调用updatetextonwebview时发出"Hello"警报。

但这还不够。也许当我调用这个函数时，html页面还没有准备好！

有人知道我该如何找到解决方案吗？

提前感谢。。。

Answer 1

我现在的解决方案是：在HybridWebView中，我添加了一个属性

using System;
using Xamarin.Forms;
namespace CustomRenderer
{
public class HybridWebView : WebView
{
Action<string> action;
public static readonly BindableProperty UriProperty = BindableProperty.Create(
propertyName: "Uri",
returnType: typeof(string),
declaringType: typeof(HybridWebView),
defaultValue: default(string));
public static BindableProperty QuestionProperty = BindableProperty.Create(
propertyName: "Question",
returnType: typeof(string),
declaringType: typeof(HybridWebView),
defaultValue: default(string));
public static BindableProperty AnswerProperty = BindableProperty.Create(
propertyName: "Answer",
returnType: typeof(string),
declaringType: typeof(HybridWebView),
defaultValue: default(string));
public string Uri
{
get { return (string)GetValue(UriProperty); }
set { SetValue(UriProperty, value); }
}
public string Question
{
get { return (string)GetValue(QuestionProperty); }
set { SetValue(QuestionProperty, value); }
}
public string Answer
{
get { return (string)GetValue(AnswerProperty); }
set { SetValue(AnswerProperty, value); }
}
public void RegisterAction(Action<string> callback)
{
action = callback;
}
public void Cleanup()
{
action = null;
}
public void InvokeAction(string data)
{
if (action == null || data == null)
{
return;
}
action.Invoke(data);
}
}
}

我可以在JavaScriptWebViewClient中访问它，在OnPageFinished上我可以将数据提交到网页。

public class JavascriptWebViewClient : FormsWebViewClient
{
string _javascript;
string _question;
private string _answer;
public JavascriptWebViewClient(HybridWebViewRenderer renderer, string javascript, string question, string answer) : base(renderer)
{
_javascript = javascript;
_answer = answer;
_question = question;
}
public override void OnPageFinished(WebView view, string url)
{
base.OnPageFinished(view, url);

view.EvaluateJavascript($"factorial({_question}, {_answer})", null);
view.EvaluateJavascript(_javascript, null);
}
}

Answer 2

您想要的是被称为HybridWebView。这意味着它既可以接收数据，也可以发送数据。

我看到你提供的代码有很多不一致和问题——你为什么在OnAppearing中配置WebView，为什么源被设置了两次，等等。

由于提供的代码不够，而且充满了问题和疑问-与其试图弄清楚哪里出了问题，不如按照官方指南从Microsoft创建HybridWebView-自定义WebView。

这是有效的，您也可以在这里获得GitHub中的最终解决方案。

如果你还有什么问题，可以问，但我觉得指南很直接。