当前位置：首页 > news >正文

WPF+WebView 基础

news 来源：原创 2025/9/1 9:51:56

1、基于.NET8，通过NuGet添加Microsoft.Web.WebView2。

2、MainWindow.xaml代码如下。

<Window x:Class="Demo.MainWindow"xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"xmlns:d="http://schemas.microsoft.com/expression/blend/2008"xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"xmlns:local="clr-namespace:Pangu"mc:Ignorable="d"xmlns:wv2="clr-namespace:Microsoft.Web.WebView2.Wpf;assembly=Microsoft.Web.WebView2.Wpf"Title="MainWindow" Height="450" Width="800"><Grid><Grid.RowDefinitions><RowDefinition Height="50"/><RowDefinition Height="*"/></Grid.RowDefinitions><StackPanel Grid.Row="0" Orientation="Horizontal"><Button x:Name="btnCallJS" Click="CallJSFunction_Click" Content="C# Call JavaScript" Width="120" Height="30" Margin="10,10,0,10"/></StackPanel><DockPanel Grid.Row="1"><wv2:WebView2 Name="webView"/></DockPanel></Grid></Window>

3、MainWindow.xaml.cs代码如下。

using System.Text;
using System.Windows;
using System.Windows.Controls;
using System.Windows.Data;
using System.Windows.Documents;
using System.Windows.Input;
using System.Windows.Media;
using System.Windows.Media.Imaging;
using System.Windows.Navigation;
using System.Windows.Shapes;
using Microsoft.Web.WebView2.Core;
using System;
using System.IO;
using System.Windows;
using Path = System.IO.Path;namespace Demo
{/// <summary>/// Interaction logic for MainWindow.xaml/// </summary>public partial class MainWindow : Window{public MainWindow(){InitializeComponent();// 页面加载初始化InitializeAsync();// 将C#对象注入到WebView2中InitializeWebViewAsync();}private async void InitializeWebViewAsync(){await webView.EnsureCoreWebView2Async(null);webView.CoreWebView2.AddHostObjectToScript("webBrowserObj", new ScriptCallbackObject());await webView.CoreWebView2.AddScriptToExecuteOnDocumentCreatedAsync("var webBrowserObj = window.chrome.webview.hostObjects.webBrowserObj;");}private async void InitializeAsync(){await webView.EnsureCoreWebView2Async(null);// 获取当前应用程序的目录string appDirectory = AppDomain.CurrentDomain.BaseDirectory+ "Pages\\";// 构造HTML文件的相对路径（假设HTML文件名为index.html）string htmlFilePath = Path.Combine(appDirectory, "index.html");// 将文件路径转换为URIUri htmlFileUri = new Uri(htmlFilePath, UriKind.Absolute);// 设置WebView2的源为HTML文件的URIwebView.Source = htmlFileUri;}private async void CallJSFunction_Click(object sender, RoutedEventArgs e){// 假设你要调用的JavaScript函数名为 ShowAlert，它不接受任何参数string msg = "Hello from C#!";string script = $"ShowAlert('{ msg }');";await webView.CoreWebView2.ExecuteScriptAsync(script);}}
}

4、 ScriptCallbackObject.cs代码如下。

using System;
using System.Collections.Generic;
using System.Linq;
using System.Runtime.InteropServices;
using System.Text;
using System.Threading.Tasks;
using System.Windows;namespace Demo
{/// <summary>/// JavaScript调用C#函数类/// </summary>[ClassInterface(ClassInterfaceType.AutoDual)][ComVisible(true)]public class ScriptCallbackObject{public void ShowMessage(string message){MessageBox.Show(message);}}
}

5、index.html页面代码如下。

<!DOCTYPE html>
<html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>WebView2 Index</title><script>document.addEventListener("DOMContentLoaded", function() {var button = document.getElementById("btnBroadCast");button.addEventListener("click", function() {webBrowserObj.ShowMessage("Hello from JavaScript!");});});function ShowAlert(message) {document.getElementById("title").innerHTML = message;}function showAlert(message) {document.getElementById("title").innerHTML = message;}</script>
</head><body><button id="StartBroadCast">开始广播</button><!-- <button id="btnBroadCCast" hidden="true">开始测试</button> --><button id="btnBroadCast">开始测试</button><h1 id="title"></h1>
</body></html>

6、运行效果如下。

WPF+WebView 基础

1、基于.NET8，通过NuGet添加Microsoft.Web.WebView2。 2、MainWindow.xaml代码如下。 <Window x:Class"Demo.MainWindow"xmlns"http://schemas.microsoft.com/winfx/2006/xaml/presentation"xmlns:x"http://schemas.microsoft.com/win…...

编程日记 2025/9/1 9:51:56

skia的学习与研究

最近再研究skia,特地发一篇文章来记录一下。Skia版本更新非常频繁，大概每四周就会创建一个新版本，此版本持续维护六周左右就会被标记为稳定分支； skia三套渲染： 无gpu硬件如嵌入式设备，使用CPU渲染，使用…...

编程日记 2025/8/23 3:38:19

Linux--基础命令3

大家好，今天我们继续学习Linux的基础命令 mv命令 mv命令是move的缩写，可以用来移动文件或者将文件改名 move(rename) files，经常⽤来备份⽂件或者目录语法: mv [ 选项 ] 源⽂件或目录目标⽂件或目录 mv src[文件、目录] dst[路径、文…...

编程日记 2025/9/1 9:51:55

[LeetCode]day33 150.逆波兰式求表达值 + 239.滑动窗口最大值

逆波兰式求表达值题目链接题目描述给你一个字符串数组 tokens ，表示一个根据逆波兰表示法表示的算术表达式。请你计算该表达式。返回一个表示表达式值的整数。注意： 有效的算符为 ‘’、‘-’、‘*’ 和 ‘/’ 。每个操作数（运…...

编程日记 2025/8/28 12:24:41

记一次误禁用USB导致键盘鼠标失灵的修复过程

背景说明在电脑上插入了一个USB hub，然后弹窗提示：“集线器端口上出现电涌”，点开让选择“重置”或者“关闭”，不小心点了关闭，结果这个usb口就被关了，再插任何东西都没反应，找了很多办法都恢…...

编程日记 2025/9/1 9:50:12

node项目前后端密码加密传输及存储方案

前端：使用crypto-js库的SHA256算法，包含用户注册时使用的邮箱加上自定义的secret key生成盐值，接着使用PBKDF2算法进行加密。最后将加密后的密码传给后端。 import CryptoJS from "crypto-js";export const encryptPassword (ema…...

编程日记 2025/9/1 8:17:20

GIt分支合并

分支 1: C0 → C1 → C2 → C3（最新） 分支 2: C0 → C4 → C5 → C6（最新）1. 找到共同父节点 C0 Git 会先找出 branch1 和 branch2 的共同祖先节点 C0。这通常借助 git merge-base 命令达成，虽然在日常使用 git merge…...

编程日记 2025/8/28 1:15:48

Python 入门教程（2）搭建环境 | 2.3、VSCode配置Python开发环境

文章目录一、VSCode配置Python开发环境1、软件安装2、安装Python插件3、配置Python环境4、包管理5、调试程序前言 Visual Studio Code（简称VSCode）以其强大的功能和灵活的扩展性，成为了许多开发者的首选。本文将详细介绍如何在VSCode中配置…...

编程日记 2025/9/1 9:51:56

linux一些使用技巧

linux一些使用技巧文件名称和路径的提取切换用户执行当前脚本一行演示单引号与双引号的使用curl命令仅输出响应头信息，不输出body体文件名称和路径的提取文件路径为 /tmp/tkgup/test.sh 方式获取文件名获取文件路径获取文件全路径方式一basename ${file}dirname ${file}real…...

编程日记 2025/8/28 14:49:47

GPU/CUDA 发展编年史：从 3D 渲染到 AI 大模型时代（上）

目录文章目录目录1960s~1999：GPU 的诞生：光栅化（Rasterization）3D 渲染算法的硬件化实现之路学术界算法研究历程工业界产品研发历程光栅化技术原理光栅化技术的软件实现：OpenGL 3D 渲染管线设计1. 顶点处理&#xff…...

编程日记 2025/8/18 19:45:40

chrome Vue.js devtools 提示不支持该扩展组件，移除

可能是版本不兼容，可以重新安装，推荐网址极简插件官网_Chrome插件下载_Chrome浏览器应用商店直接搜索vue，下载旧版，vue2、vue3都支持，上面那个最新版本试了下，vue2的肯定是不能用...

编程日记 2025/9/1 9:48:10

大模型工程师学习日记（十）：基于 LangChain 构建向量存储和查询 Qdrant

Qdrant介绍 Qdrant（读作：quadrant /kwɑdrənt/ n. 象限；象限仪；四分之一圆）是一个向量相似度搜索引擎。它提供了一个生产就绪的服务，具有方便的 API 来存储、搜索和管理点 - 带有附加载荷的向量。Qdrant专…...

编程日记 2025/8/29 4:15:59

Spring Boot拦截器（Interceptor）与过滤器（Filter）详细教程

Spring Boot拦截器（Interceptor）与过滤器（Filter）详细教程目录概述什么是拦截器（Interceptor）？什么是过滤器（Filter）？两者的核心区别使用场景拦截器的典…...

编程日记 2025/8/30 1:05:00

ffmpeg源码编译支持cuda

1.安装cuda CUDA Toolkit 11.3 Downloads | NVIDIA Developer 在选择组件的时候，将CUDA中的Nsight VSE和Visual Studio Integration取消勾选不然会安装失败 2.编译ffmpeg 把cuda编译宏定义开启，再编译avcodec 3.编译livavutil报错struct "Cuda…...

编程日记 2025/9/1 9:51:32

【Linux 系统层面应急响应并分析日志溯源的流程】

Linux 层面响应安全事件并分析日志溯源的流程一、事件响应核心流程1. 初步隔离与现场保护2. 关键日志收集与备份二、日志分析工具链与溯源步骤1. 基础日志分析工具2. 高级日志分析框架3. 恶意行为深度检测4. 时间线重构工具三、关键注意事项1. 日志可信度验证2. 攻击者反取证…...

编程日记 2025/9/1 9:48:09

【笔记ing】python

1 Python基础概念及环境搭建 1.1 python简介及发展史之父Guido van Rossum。ABC语言的替代品。Python提供了高效的数据结构，还能简单有效地面向对象编程。Python语法和动态类型，以及解释性语言的本质，使之成为多数平台上写脚本和快速开发应…...

编程日记 2025/8/29 14:09:17

QT 作业 day4

作业代码 Widget.h class Widget : public QWidget {Q_OBJECTpublic:Widget(QWidget *parent nullptr);~Widget();private slots:// 槽函数void on_listWidget_itemDoubleClicked(QListWidgetItem *item);private:Ui::Widget *ui; }; #endif Widget.cpp Widget::Widget(QW…...

编程日记 2025/8/30 16:37:48

flink和yarn和mpp架构区别

为了全面理解 Flink 架构、YARN 架构和 MPP 架构的区别，我们从多个维度进行分析。以下是详细的对比： 1. 设计目标架构设计目标Flink实时数据流处理和批处理，支持低延迟、高吞吐量的实时分析。YARN作为 Hadoop 的资源管理框架，负…...

编程日记 2025/9/1 9:51:32

DeepSeek崛起：如何在云端快速部署你的专属AI助手

在2025年春节的科技盛宴上，DeepSeek因其在AI领域的卓越表现成为焦点，其开源的推理模型DeepSeek-R1擅长处理多种复杂任务，支持多语言处理，并通过搜索引擎获取实时信息。DeepSeek因其先进的自然语言处理技术、广泛的知识库和高性价比…...

编程日记 2025/9/1 9:51:55

高频 SQL 50 题（基础版）_1141. 查询近30天活跃用户数

1141. 查询近30天活跃用户数 select activity_date day,count(distinct user_id) active_users from Activity where (activity_date<2019-07-27 and activity_date>DATE_sub(2019-07-27,INTERVAL 30 DAY)) group by(activity_date)...

编程日记 2025/8/16 13:00:17

DRMPlaneType里有VIG， DMA，和RGB三种类型，这是不是说明DRMPlane就是代表DPU里的Pipeline

DRMPlane 代表了 DPU（Display Processing Unit） 里的 Pipeline（数据通路），不同的 DRMPlaneType 对应 DPU 内部的不同渲染/合成管线。 📌 DRMPlaneType 与 DPU Pipeline 的关系在高通（Qualco…...

编程日记 2025/8/26 18:12:34

not support ClassForName

com.alibaba.fastjson2.JSONException: not support ClassForName : java.lang.String, you can config JSONReader.Feature.SupportClassForName 官方说明中提到默认关闭， 可通过配置开启 JSON.config(JSONReader.Feature.SupportClassForName);...

编程日记 2025/9/1 9:50:11

为什么要学习数据结构与算法

今天，我向大家介绍一门非常重要的课程——《数据结构与算法》。这门课不仅是计算机学科的核心，更是每一位开发者从“小白”迈向“高手”的必经之路。 1、为什么要学习数据结构与算法总的来说，数据结构与算法是： 求职的“敲门砖”…...

编程日记 2025/8/16 10:27:54

从浏览器输入网址，到页面展示都发生了什么？

查询缓存其实从填写上url按下回车后，我们就进入了第一步就是 DNS 解析过程，首先需要找到这个 url 域名的服务器 ip,为了寻找这个 ip，浏览器首先会寻找缓存，查看缓存中是否有记录缓存的查找记录为：浏览器缓存>系统…...

编程日记 2025/8/31 17:35:47

Octave3D 关卡设计插件

课程参考链接这位大佬有在视频合集中有详细的讲解，个人体验过，感觉功能很强大 https://www.bilibili.com/video/BV1Kq4y1C72P/?share_sourcecopy_web&vd_source0a41d8122353e3e841ae0a39908c2181 Prefab资源管理第一步在场景中创建一个空物体…...

编程日记 2025/8/16 10:26:00

JavaWeb后端基础（4）

这一篇就开始是做一个项目了，在项目里学习，我主要记录在学习过程中遇到的问题，以及一些知识点 Restful风格一种软件架构风格在REST风格的URL中，通过四种请求方式，来操作数据的增删改查。 GET ： 查询 …...

编程日记 2025/8/31 13:12:58

【计算机网络】IP协议

目录 1. 协议头格式 2. 网段划分 3. 特殊的IP 4. 公网IP && 内网IP 总结网络层的IP协议主要解决的是什么问题？——将数据包从B主机发送给C主机；传输层协议tcp提供可靠的策略；网络层IP协议提供数据数据传输的能力； 发…...

编程日记 2025/9/1 9:51:33

Libgdx游戏开发系列教程(2)——接水滴游戏实现

目录游戏玩法步骤 1.创建项目 2.添加资源文件 3.设置游戏配置 4.加载资源文件 5.播放背景音乐 6.绘制图形 7.雨滴下落实现 8.判断雨滴是否掉落在桶里 9.键盘控制改变桶位置 10.随机雨滴打包本文使用Kotlin语言开发通过本文的学习可以初步了解以下基础知识的…...

编程日记 2025/9/1 9:49:30

【2025rust笔记】超详细，小白，rust基本语法

一、常见cargo命令查看cargo版本 cargo --version创建cargo项目 create new demo_name构建编译项目 cargo build运行项目 cargo run检查项目代码 cargo check (比cargobuild快)发布构建项目 cargo build --release 电子markdown/pdf格式二、小demo-----猜数游戏 1、print…...

编程日记 2025/8/27 1:08:51

将 SSH 密钥添加到 macOS 的钥匙串中

git提交代码时，如果SSH密码并未免密，每次拉取，上传操作时都需要密码输入， 可将SSH密钥添加到钥匙串中 git config --global credential.helper store报错： WARNING: The -K and -A flags are deprecated and have bee…...

编程日记 2025/9/1 9:51:32

Gpt翻译完整版

上一篇文章收到了很多小伙伴的反馈，总结了一下主要以下几点： 1. 说不知道怎么调api 2. 目前只是把所有的中文变成了英文，如果想要做多语言还需要把这些关键字提炼出来成放到message_zh.properties和message_en.properties文件中&#xff0c…...

编程日记 2025/9/1 9:50:12

CC++的内存管理

目录 1、C/C内存划分 C语言的动态内存管理 malloc calloc realloc free C的动态内存管理 new和delete operator new函数和operator delete函数 new和delete的原理 new T[N]原理 delete[]的原理 1、C/C内存划分 1、栈：存有非静态局部变量、函数参数、返回…...

编程日记 2025/8/27 8:46:55

HTTP 状态代码 501 502 问题

问题单个客户端有时会出现报错 501 或 502 如下： System.Net.Http.HttpRequestException: Response status code does not indicate success: 501 (Not Implemented) 分析可以排除服务器无法处理的问题（测试发现一个客户端报错，不会影响…...

编程日记 2025/9/1 9:48:12

virtio_video virtio_snd

在 Qualcomm 平台的虚拟机（VM） 环境中，qcom,virtio_snd 是 VirtIO 机制下的音频 DMA 共享设备节点，它用于虚拟机和宿主机（Hypervisor）之间共享音频数据，类似于标准的 VirtIO 声音设备。 1️…...

编程日记 2025/9/1 9:49:28

【大模型安全】大模型安全概述

【大模型安全】大模型安全概述 1.大模型安全目前的关键挑战技术安全合规安全 2.大语言模型的安全隐患与主要风险点3.大语言模型与国家安全风险4.大语言模型的信息安全原则 1.大模型安全目前的关键挑战技术安全 1、数据的安全与合理利用大语言模型通常需要处理大量敏感数据…...

编程日记 2025/9/1 9:48:08

基于 vLLM 部署 LSTM 时序预测模型的“下饭”（智能告警预测与根因分析部署）指南

Alright，各位看官老爷们，准备好迎接史上最爆笑、最通俗易懂的 “基于 vLLM 部署 LSTM 时序预测模型的智能告警预测与根因分析部署指南” 吗？保证让你笑出猪叫，看完直接变身技术大咖！🚀😂 咱们今天的主题，就像是要打造一个“智能运维小管家”！这个小管家，不仅能提…...

编程日记 2025/8/22 19:57:01

深入理解三色标记、CMS、G1垃圾回收器

三色标记算法简介三色标记算法是一种常见的垃圾收集的标记算法，属于根可达算法的一个分支，垃圾收集器CMS，G1在标记垃圾过程中就使用该算法三色标记法（Tri-color Marking）是垃圾回收中用于并发标记存活对象的核心算…...

编程日记 2025/8/26 22:47:18

【车规芯片】如何引导时钟树生长方向

12nm车规DFTAPR项目中，我们可以看到，绝大部分的sink都受控于xxxx_tessent_occ_clk_cpu_inst/tessent_persistent_cell_clock_out_mux/C10_ctmi_1这个mux，这是我们DFT设计结果： 这里我们重新打开place的数据 Anchor，也就…...

编程日记 2025/9/1 9:51:56

基于Spring Boot的企业车辆管理系统设计与实现（LW+源码+讲解）

专注于大学生项目实战开发,讲解,毕业答疑辅导，欢迎高校老师/同行前辈交流合作✌。技术范围：SpringBoot、Vue、SSM、HLMT、小程序、Jsp、PHP、Nodejs、Python、爬虫、数据可视化、安卓app、大数据、物联网、机器学习等设计与开发。主要内容：…...

编程日记 2025/9/1 9:48:11

Spring Boot 中短时间连续请求时出现Cookie获取异常问题

Spring Boot 中短时间连续请求时出现Cookie获取异常问题一、问题描述：异步线程操作导致请求复用时 Cookie 解析失败1. 场景背景2. 问题根源二、问题详细分析1. 场景重现2. 问题分析三、如何避免影响下一次请求？✅方式 1：在主线程提前复制 …...

编程日记 2025/8/28 9:56:14

轮播图案例

（1）、搭建轮播图的结构 <!DOCTYPE html> <html lang"en"><head><meta charset"UTF-8" /><title>轮播图结构</title><!-- <script src"../js/tools.js"></script> --…...

编程日记 2025/8/27 22:24:16

通俗版解释：分布式和微服务就像开餐厅

一、分布式系统：把大厨房拆成多个小厨房想象你开了一家超火爆的餐厅，但原来的厨房太小了： 问题：一个厨师要同时切菜、炒菜、烤面包，手忙脚乱还容易出错。解决方案： 拆分成多个小厨房（分布式…...

编程日记 2025/8/30 21:13:45

【开源-常用C/C++命令行解析库对比】

以下是几种常用的C/C命令行解析库的对比表格，以及它们的GitHub开源库地址： 库名称语言特点是否支持子命令是否支持配置文件是否支持自动生成帮助信息GitHub地址ClaraC11及以上单一头文件，轻量级，非异常错误处理，自动类…...

编程日记 2025/8/29 6:58:03

JavaEE_多线程(一)

目录 1. 为啥要有线程1.1 线程是什么1.2 进程和线程的区别1.3 Java如何进行多线程编程 2 使用线程2.1 创建线程2.2 Thread类的几个常见方法和属性2.2.1 Thread常见构造方法2.2.2 Thread常见属性2.2.3 常见其他方法 2.3 终止一个线程2.3.1 通过共享的标记位来进行沟通2.3.2 调用…...

编程日记 2025/8/30 2:17:32

table 拖拽移动

表格拖拽 Sortable.js中文网|配置 <template><div class"but"><el-button click"mergeAndPrintArrays()" type"primary">保存数据</el-button><el-button click"restoration()" t…...

编程日记 2025/8/29 7:12:55

【QGIS二次开发】地图显示与交互-01

1. 系统界面设计设计的系统界面如下，很好还原了QGIS、ArcGIS等软件的系统界面，充分利用了QT中顶部工具栏、菜单栏、底部状态栏，实现了图层管理器、鹰眼图、工具箱三个工具面板。菜单栏、工具栏、工具箱集成了系统中实现的全部功能&#x…...

编程日记 2025/8/26 8:18:55

Microsoft.Office.Interop.Excel 的简单操作

Microsoft.Office.Interop.Excel 的简单操作 1、安装 Microsoft.Office.Interop.Excel2、声明引用 Microsoft.Office.Interop.Excel3、简单的新建 EXCEL 操作代码4、将 DataGridView 表数据写到 EXCEL 操作代码5、将 EXCEL 表数据读取到 C# 数据表 DataTable 操作代码 1、安装 …...

编程日记 2025/8/27 3:30:09

Debezium日常分享系列之：Debezium 3.0.8.Final发布

Debezium日常分享系列之：Debezium 3.0.8.Final发布稀疏向量逻辑类型重命名架构历史配置默认值的更改潜在的 Vitess 数据丢失Oracle 的 Reselect 列后处理器行为更改MariaDB 的 SSL 连接稀疏向量逻辑类型重命名 PostgreSQL 扩展 vector（也称为 pgvecto…...

编程日记 2025/8/24 15:21:00

论传输层的TCP协议和UDP协议scoket通讯

TCP传输前需要三次握手---断开需要四次挥手谁先发出请求、谁是客户端（client）另一个就是服务器（server）---简称CS架构现在更多的是BS架构什么是BS架构？ blower server 浏览器服务器---也就是浏览器代替了客户端…...

编程日记 2025/8/30 10:01:44

《鸢尾花数学大系：从加减乘除到机器学习》开源资源

《鸢尾花数学大系：从加减乘除到机器学习》开源资源 Gitee：https://gitee.com/higkoo/ bilibili：https://space.bilibili.com/513194466 GitHub：https://github.com/Visualize-ML...

编程日记 2025/8/27 9:26:23

相关文章：