C# 使用Microsoft Edge WebView2的相关总结

 更新时间:2021年02月25日 08:42:55   作者:ColorsWin  
这篇文章主要介绍了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#基于NPOI操作Excel

    C#基于NPOI操作Excel

    这篇文章介绍了C#基于NPOI操作Excel的方法,文中通过示例代码介绍的非常详细。对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
    2022-04-04
  • 在C#里面给PPT文档添加注释的实现代码

    在C#里面给PPT文档添加注释的实现代码

    平常开会或者做总结报告的时候我们通常都会用到PowerPoint演示文稿,我们可以在单个幻灯片或者全部幻灯片里面添加注释,这样观众可以从注释内容里面获取更多的相关信息,需要的朋友可以参考下
    2017-01-01
  • C#实现协变和逆变案例

    C#实现协变和逆变案例

    这篇文章介绍了C#实现协变和逆变的案例,文中通过示例代码介绍的非常详细。对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
    2022-10-10
  • WPF中下拉框可作选择项也可以作为只读文本框使用的方法

    WPF中下拉框可作选择项也可以作为只读文本框使用的方法

    这篇文章主要给大家介绍了关于WPF中下拉框可以选择项也可以作为只读文本框使用的相关资料,文中通过实例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
    2023-02-02
  • C#给PDF文件添加水印

    C#给PDF文件添加水印

    这篇文章主要为大家详细介绍了C#给PDF文件添加水印的相关代码,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-03-03
  • C#中括号强转、as、is区别详解

    C#中括号强转、as、is区别详解

    本文主要介绍了C#中括号强转、as、is区别详解,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2023-02-02
  • C#实现在线更新软件

    C#实现在线更新软件

    winform程序相对web程序而言,功能更强大,编程更方便,但软件更新却相当麻烦,要到客户端一台一台地升级,面对这个实际问题,在最近的一个小项目中,本人设计了一个通过软件实现自动升级技术方案,弥补了这一缺陷,有较好的参考价值
    2015-05-05
  • C#微信开发之自定义菜单管理

    C#微信开发之自定义菜单管理

    本文主要介绍了C#微信开发中自定义菜单管理的相关知识,具有一定的参考价值,下面跟着小编一起来看下吧
    2017-02-02
  • C# winForm自定义弹出页面效果

    C# winForm自定义弹出页面效果

    这篇文章主要为大家详细介绍了C# winForm自定义弹出页面效果,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2022-02-02
  • C#中parallel.foreach实现多线程处理

    C#中parallel.foreach实现多线程处理

    Parallel.ForEach方法是C#中的一个并行循环方法,它可以并行地对一个集合进行迭代操作,本文主要介绍了C#中parallel.foreach实现多线程处理,具有一定的参考价值,感兴趣的可以了解一下
    2024-02-02

最新评论