⬆

C# 使用WebView2加载本地资源

1. WebView2

Microsoft Edge WebView2 控件允许在本机应用中嵌入 web 技术(HTML、CSS 以及 JavaScript)。 WebView2 控件使用 Microsoft Edge 作为绘制引擎，以在本机应用中显示 web 内容。
使用 WebView2 可以在本机应用的不同部分嵌入 Web 代码，或在单个 WebView2 实例中生成所有本机应用。

使用WebView2可以在winform程序中加载网页以及使用C#代码和网页中的内容互动。

2. WebView2加载本地资源

   //使用虚拟主机名映射加载本地内容的 API
   webBrowser1.CoreWebView2.SetVirtualHostNameToFolderMapping( "demo",
 "D:\\videopath\\", CoreWebView2HostResourceAccessKind.DenyCors );
    webBrowser1.CoreWebView2.SetVirtualHostNameToFolderMapping( "demo1",
"D:\\imagepath\\", CoreWebView2HostResourceAccessKind.DenyCors );
    webBrowser1.CoreWebView2.NavigateToString( "<!DOCTYPE html>\r\n<html lang=\"en\"><head><meta charset=\"UTF-8\">\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n    <title></title></head>\r\n<body>\r\n\r\n  <button onclick=\"window.chrome.webview.postMessage('边框')\">边框</button>  <div id=\"marquee-container\">\r\n        <div id=\"marquee-text\"></div>\r\n    </div>\r\n\r\n <div><image name='logo' width=\"100px\" height=\"100px\" src=\"http://demo1/ca0cfc186607c216f12c69fd37414120.png\"></div>   \r\n\r\n<video autoplay width='200' height='150'><source src=\"http://demo/2025-09-28-18-47-25-CH0.mp4\" type='video/mp4'></video></body>\r\n</html>" );

posted on 2025-10-11 10:58  挖穿地球😁  阅读(3)  评论(0)    收藏  举报