WPF如何实现加载h5界面以及数据交互(WebBrowser)

最新推荐文章于 2024-07-01 12:00:06 发布

原创

最新推荐文章于 2024-07-01 12:00:06 发布 · 2.1k 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#c# #wpf

本文探讨了如何在WPF中通过WebBrowser控件加载H5页面，并介绍如何处理兼容性问题。重点讲解了如何在H5与WPF间传递数据，包括使用内置的ObjectForScripting和注册JsObject。还提到了两种方法让H5访问WPF的实例和参数传递策略。

文章目录

前言
一：加载h5界面wpf需要使用的控件
二：加载h5界面需要写的后台代码
三：h5界面如何访问WPF的方法
四：WPF如何给h5传参

前言

由于h5可维护性高，在完成某些效果会比wpf快,编写时间短，所以在目前项目上使用到了h5,个人感觉在完成一些复杂的界面效果上,h5的优势大于直接在wpf的上写一些样式

一：加载h5界面wpf需要使用的控件

使用WebBrowser控件（写h5界面时发现需要适配ie9的浏览器，猜测可能是基于ie9的浏览器内核），还有另一个方法cefsharp是基于谷歌浏览器内核，这个需要下载依赖

<WebBrowser x:Name="wbrExam" Width="Auto" Height="Auto"></WebBrowser>

二：加载h5界面需要写的后台代码

 public Login()
        {
   
   
            InitializeComponent();
            wbrExam.Source = new Uri("http://192.168.1.16:8080/#/pages/index/index");
            //用于给h5调用使用的内部类 this：代表当前窗体
            wbrExam.ObjectForScripting = new