Microsoft.Web.WebView2 初体验

最新推荐文章于 2024-09-23 17:12:10 发布

二牛说课

最新推荐文章于 2024-09-23 17:12:10 发布

阅读量6.6k

点赞数 1

分类专栏： C#Winform自定义UI实践技术实践

本文链接：https://blog.csdn.net/ucicno000/article/details/112241637

版权

技术实践同时被 2 个专栏收录

76 篇文章 1 订阅

订阅专栏

C#Winform自定义UI实践

8 篇文章 1 订阅

订阅专栏

上篇已经介绍了WebView2的背景，今天有时间尝试一下，文档地址：https://docs.microsoft.com/zh-cn/dotnet/api/microsoft.web.webview2.winforms.webview2.executescriptasync?view=WebView2-dotnet-1.0.664.37

注意事项：1.虽然文档中写着.net 4.6.2可以运行但在安装nuget后工具栏并未出现WebView2组件，切换到4.7.2后工具栏才会出现WebView2组件

2.webView2主要依赖预CoreWebView2

主要方法有：

webView21.CoreWebView2.OpenDevToolsWindow(); 打开开发者选项；

webView21.CoreWebView2.ExecuteScriptAsync("window.alert('ccucic')"); 执行JavaScript

webView21.CoreWebView2.Reload(); 刷新

webView21.CoreWebView2.AddHostObjectToScript("bridge", new UserInfo()); 这个方法需要注意的是不能放在窗体Load事件中前端调用示例

<!doctype html>
<html>
	<head>
		<title>测试JavaScript与C#交互</title>
		<script>
		// 11111111111
			 async function getInfo(){
				const bridge = chrome.webview.hostObjects.bridge;
				const propValue = await bridge.Prop;
				console.log(propValue);
			}
		</script>
	</head>
	<body>
		<button onclick="getInfo()">获取年龄</button>
	</body>
</html>

关注博主即可阅读全文