这篇文章主要介绍了C# 使用Microsoft Edge WebView2的相关总结,帮助大家更好的理解和学习使用c#,感兴趣的朋友可以了解下
一、C#和JS互相调用
1、js调用C#
C#代码如下:
webView.CoreWebView2.AddHostObjectToScript("webBrowserObj", new ScriptCallbackObject());
await webView.CoreWebView2.AddScriptToExecuteOnDocumentCreatedAsync("var webBrowserObj= window.chrome.webview.hostObjects.webBrowserObj;");
像网页里面注入变量,这样网页调用时候不用每次写window.chrome.webview.hostObjects.webBrowserObj调用,最主要的是为了兼容之前cef里面Js的写法。
[ClassInterface(ClassInterfaceType.AutoDual)]
[ComVisible(true)]
/// <summary>
/// 网页调用C#方法
/// </summary>
public class ScriptCallbackObject
{
public string UserName { get; set; } = "我是C#属性";
public void ShowMessage()
{
MessageBox.Show("网页调用C#");
}
public void ShowMessageArg(string arg)
{
MessageBox.Show("【网页调用C#】:" + arg);
}
public string GetData(string arg)
{
return "【网页调用C#获取数据】;" + arg;
}
[System.Runtime.CompilerServices.IndexerName("Items")]
public string this[int index]
{
get { return m_dictionary[index]; }
set { m_dictionary[index] = value; }
}
private Dictionary<int, string> m_dictionary = new Dictionary<int, string>();
}
JS调用如下;
function callCsharp2() {
var data2 = $("#txtArg").attr("value"); //大坑 值不会时刻变化 // alert(data2); var data = $("#txtArg").val();
window.chrome.webview.hostObjects.webBrowserObj.ShowMessageArg(data); //window.chrome.webview.postMessage(data); };
async function callCsharp3() {
var data = $("#txtArg").val();
var result = await webBrowserObj.GetData(data);
alert(result);
};
async function callCsharp4() {
const propValue = await webBrowserObj.UserName;
console.log(propValue);
alert(propValue);
};
2、C#调用JS
private void callJS_Click(object sender, RoutedEventArgs e)
{
webView.CoreWebView2.ExecuteScriptAsync("ShowMessage()");
}
private void callJSArg_Click(object sender, RoutedEventArgs e)
{
webView.CoreWebView2.ExecuteScriptAsync($"ShowMessageArg('{txtArg.Text}')");
}
private async void callJSGetData_Click(object sender, RoutedEventArgs e)
{
var jsResult = await webView.CoreWebView2.ExecuteScriptAsync($"GetData('{txtArg.Text}')");
if (!string.IsNullOrEmpty(jsResult))
{
MessageBox.Show(jsResult);
}
}
js里面的代码
//2、C#调用网页
var jsVar = '123';
function Hello() {
alert('调用Js' + jsVar);
};
function ShowMessage() {
alert('我是网页');
};
function ShowMessageArg(arg) {
alert('【我是网页消息框】' + arg);
};
function GetData(arg) {
return '【我是网页返回给你】:' + arg;
};
二、缩放问题
webView.CoreWebView2.Settings.IsZoomControlEnabled = false;
只能禁止鼠标缩放,不能禁止手势缩放。 见问题
另外触摸到底部门的时候 有弹跳,暂时也无法解决。
以上就是C# 使用Microsoft Edge WebView2的相关总结的详细内容,更多关于C# 使用Microsoft Edge WebView2的资料请关注得得之家其它相关文章!
织梦狗教程
本文标题为:C# 使用Microsoft Edge WebView2的相关总结
基础教程推荐
猜你喜欢
- 将数据集转换为列表 2022-01-01
- SonarQube C# 分析失败“不是指针的有效行偏移" 2022-01-01
- C# 9 新特性——record的相关总结 2023-04-03
- Mono https webrequest 失败并显示“身份验证或解密失败" 2022-01-01
- 获取C#保存对话框的文件路径 2022-01-01
- 从 C# 控制相机设备 2022-01-01
- 在 VB6 或经典 ASP 中使用 .NET 2022-01-01
- 更新 Visual Studio 中的 DataSet 结构以匹配新的 SQL 数据库结构 2022-01-01
- 如果条件可以为空 2022-01-01
- 重新排序 WPF TabControl 中的选项卡 2022-01-01