二.Winform使用Webview2在Demo1中实现地址简单校验

往期目录

往期相关文章目录
专栏目录

回顾

通过一.Winform使用Webview2(Edge浏览器核心) 创建demo(Demo1)实现回车导航到指定地址
我们已经知道了解决资源管理器工具箱属性窗口 。他们都可以通过视图唤出
视图工具栏
也了解了一些基本操作,后面会省过这些步骤

添加对于的简单url验证提示

找到Demo1窗体(通过解决方案资源管理器,找到Demo1.cs双双击打开窗体)然后在窗体上右键查看代码F7打开代码界面。
Demo1构造函数中添加如下代码

//对于不合法的导航路径进行提示
this.mainView2.NavigationStarting += (object sender, CoreWebView2NavigationStartingEventArgs args) =>
{
    String url = args.Uri;
    String text = "is not safe, try an https link";
    if (!url.StartsWith("https://"))
    {
        this.mainView2.ExecuteScriptAsync($"alert('{url} {text}')");
        args.Cancel = true;
    }
};

通过上节和本节涉及到的函数有

  • this.mainView2.ExecuteScriptAsync(xxx)函数
    这个函数就是通过C# 调用 webview 中js函数。
  • url.StartsWith("https://") 判断url字符串以https://开头
    StartsWith方法参考
  • $"{text}" 可以显示text放置到字符串中。相关字符有@""
    如下代码可以看出它们的威力
 //使用$符号前
 string str1 = string.Format("Today is {0:D}", DateTime.Now);
 //使用$符号后
 string str2 = $"Today is {DateTime.Now:D}";
 //使用@符号前 假如有一个路径,我需要一个一个添加`\`进行转移
 string str1 = "F:\\CSharp\\winform-webview2\\csharp-use-webview2";
 //使用@符号后 现在特殊字符不需要在转移了
 string str2 = @"F:\CSharp\winform-webview2\csharp-use-webview2";
  • ()=>{}(参数1,参数..)=>{} lamda表达式 可以百度进行相关了解

往期相关文章目录
专栏目录

  • 9
    点赞
  • 8
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
首先,需要在项目添加 WebView2 和 pdf.js 的引用。 1. 在 WinForm 添加 Webview2 控件: - 在 Visual Studio 打开 WinForm 项目。 - 在 “工具箱” 找到 “WebView2” 控件,将其拖到窗体上。 2. 使用 WebView2 控件加载 pdf.js: - 在窗体上添加一个按钮,命名为 “Load PDF”。 - 在按钮的 Click 事件使用 WebView2 控件加载 pdf.js: ```csharp private async void btnLoadPDF_Click(object sender, EventArgs e) { await webView21.EnsureCoreWebView2Async(); // 加载 pdf.js string html = $@" <html> <head> <script src=""{Application.StartupPath}\pdfjs-dist\build\pdf.js""></script> </head> <body> <div style=""position: absolute; top: 0; left: 0; right: 0; bottom: 0;""> <canvas id=""pdfCanvas""></canvas> </div> <script> // 加载 PDF 文件 pdfjsLib.getDocument('{Application.StartupPath}\sample.pdf').promise.then(function(pdf) { // 获取第一页并渲染 pdf.getPage(1).then(function(page) { var canvas = document.getElementById('pdfCanvas'); var context = canvas.getContext('2d'); var viewport = page.getViewport({ scale: 1.0 }); canvas.width = viewport.width; canvas.height = viewport.height; var renderContext = { canvasContext: context, viewport: viewport }; page.render(renderContext); }); }); </script> </body> </html>"; webView21.CoreWebView2.NavigateToString(html); } ``` 以上代码,我们使用了 pdf.js 的 API 加载了一个名为 “sample.pdf” 的 PDF 文件,并将其渲染到一个名为 “pdfCanvas” 的 Canvas 元素。 注意:在使用 pdf.js 渲染 PDF 文件时,需要使用 Canvas 元素来显示 PDF 内容。 3. 运行程序,点击 “Load PDF” 按钮,即可看到加载并渲染出了 PDF 文件的第一页。 以上就是使用 WebView2 控件和 pdf.js 来显示 PDF 文件的示例代码。需要注意的是,以上代码只是一个示例,实际使用时还需要对代码进行适当的修改和优化。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值