{"id":4617,"date":"2023-03-21T22:14:38","date_gmt":"2023-03-21T20:14:38","guid":{"rendered":"https:\/\/mariusbancila.ro\/blog\/?p=4617"},"modified":"2023-04-05T08:05:20","modified_gmt":"2023-04-05T06:05:20","slug":"using-microsoft-edge-in-a-native-windows-desktop-app-part-5","status":"publish","type":"post","link":"https:\/\/mariusbancila.ro\/blog\/2023\/03\/21\/using-microsoft-edge-in-a-native-windows-desktop-app-part-5\/","title":{"rendered":"Using Microsoft Edge in a native Windows desktop app \u2013 part 5"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">This article is a new installment in the series about using the Webview2 control in a native application. In this post, I will show how to execute a JavaScript script.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Articles in this series:<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li><a href=\"https:\/\/mariusbancila.ro\/blog\/2020\/01\/28\/using-microsoft-edge-in-a-native-windows-desktop-app-part-1\/\" target=\"_blank\" rel=\"noopener\" title=\"Part 1: Introduction to Edge and WebView2\u2028\">Part 1: Introduction to Edge and WebView2<\/a><\/li><li><a href=\"https:\/\/mariusbancila.ro\/blog\/2020\/01\/29\/using-microsoft-edge-in-a-native-windows-desktop-app-part-2\/\" target=\"_blank\" rel=\"noopener\" title=\"\">Part 2: Creating a WebView2 component<\/a><\/li><li><a href=\"https:\/\/mariusbancila.ro\/blog\/2020\/01\/30\/using-microsoft-edge-in-a-native-windows-desktop-app-part-3\/\" target=\"_blank\" rel=\"noopener\" title=\"\">Part 3: Navigation and other events<\/a><\/li><li><a href=\"https:\/\/mariusbancila.ro\/blog\/2021\/01\/27\/using-microsoft-edge-in-a-native-windows-desktop-app-part-4\/\" target=\"_blank\" rel=\"noopener\" title=\"\">Part 4: Performing navigation with custom data and headers<\/a><\/li><li>Part 5: Executing JavaScript code<\/li><li><a href=\"https:\/\/mariusbancila.ro\/blog\/2023\/04\/05\/using-microsoft-edge-in-a-native-windows-desktop-app-part-6\/\" target=\"_blank\" rel=\"noopener\" title=\"\">Part 6: Printing a web page<\/a><\/li><\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">The <code><a href=\"https:\/\/learn.microsoft.com\/en-us\/microsoft-edge\/webview2\/reference\/win32\/icorewebview2?view=webview2-1.0.1661.34\" target=\"_blank\" rel=\"noopener\" title=\"\">ICoreWebView2<\/a><\/code> interface contains a method called <code><a href=\"https:\/\/learn.microsoft.com\/en-us\/microsoft-edge\/webview2\/reference\/win32\/icorewebview2?view=webview2-1.0.1661.34#executescript\" title=\"\">ExecuteScript<\/a><\/code>. This method runs the provided script (JavaScript code) in the top-level document rendered by the web view. The method has two parameters: a string containing the JavaScript code and a completion handler (of the <code><a href=\"https:\/\/learn.microsoft.com\/en-us\/microsoft-edge\/webview2\/reference\/win32\/icorewebview2executescriptcompletedhandler?view=webview2-1.0.1661.34\" target=\"_blank\" rel=\"noopener\" title=\"\">ICoreWebView2ExecuteScriptCompletedHandler<\/a><\/code> type).<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">To see how this works, we will execute a script that retrieves the selected text from the current document. The JavaScript code to run for this purpose is:<\/p>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"js\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">window.getSelection().toString()<\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">The following function (a member of the <code>CWebBrowser<\/code> class) runs this script. Upon completion, it calls a callback function, passing the return value as an argument.<\/p>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"cpp\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">void CWebBrowser::GetSelectedText(TextSelectionFunc callback)\n{\n   if (m_pImpl->m_webView != nullptr)\n   {\n      m_pImpl->m_webView->ExecuteScript(L\"window.getSelection().toString()\",\n         Callback&lt;ICoreWebView2ExecuteScriptCompletedHandler>(\n            [callback](HRESULT error, PCWSTR result) -> HRESULT\n            {\n               if (error != S_OK) {\n                  ShowFailure(error, L\"ExecuteScript failed\");\n               }\n\n               CW2T text(result);\n               callback(CString(text.m_psz));\n\n               return S_OK;\n            }).Get());\n   }\n}<\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">The <code>TextSelectionFunc<\/code> type is defined as follows:<\/p>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"cpp\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">using TextSelectionFunc = std::function&lt;void(CString const &amp;)>;<\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">Here is a screenshot of the demo application using this function:<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/mariusbancila.ro\/blog\/wp-content\/uploads\/2023\/03\/webview2script1-1.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1100\" height=\"684\" src=\"https:\/\/mariusbancila.ro\/blog\/wp-content\/uploads\/2023\/03\/webview2script1-1.png\" alt=\"\" class=\"wp-image-4620\" srcset=\"https:\/\/mariusbancila.ro\/blog\/wp-content\/uploads\/2023\/03\/webview2script1-1.png 1100w, https:\/\/mariusbancila.ro\/blog\/wp-content\/uploads\/2023\/03\/webview2script1-1-300x187.png 300w, https:\/\/mariusbancila.ro\/blog\/wp-content\/uploads\/2023\/03\/webview2script1-1-700x435.png 700w, https:\/\/mariusbancila.ro\/blog\/wp-content\/uploads\/2023\/03\/webview2script1-1-768x478.png 768w\" sizes=\"auto, (max-width: 1100px) 100vw, 1100px\" \/><\/a><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">To see another example, let&#8217;s execute the following JavaScript code that changes the background color of the body of the document to red:<\/p>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"js\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">document.body.style.backgroundColor = \"red\"<\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">We can provide the following (general-purpose) function in the <code>CWebBrowser<\/code> class to execute a script:<\/p>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"cpp\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">void CWebBrowser::ExecuteScript(CString const&amp; code)\n{\n   if (m_pImpl->m_webView != nullptr)\n   {\n      m_pImpl->m_webView->ExecuteScript(CT2W(code).m_psz,\n         Callback&lt;ICoreWebView2ExecuteScriptCompletedHandler>(\n            [](HRESULT error, PCWSTR result) -> HRESULT\n            {\n               if (error != S_OK) {\n                  ShowFailure(error, L\"ExecuteScript failed\");\n               }\n\n               return S_OK;\n            }).Get());\n   }\n}<\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">The result of calling <code>ExecuteScript(L\"document.body.style.backgroundColor = \\\"red\\\"\")<\/code> is shown in the following images:<\/p>\n\n\n\n<figure class=\"wp-block-gallery has-nested-images columns-default is-cropped wp-block-gallery-1 is-layout-flex wp-block-gallery-is-layout-flex\">\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/mariusbancila.ro\/blog\/wp-content\/uploads\/2023\/03\/webview2script2.png\"><img loading=\"lazy\" decoding=\"async\" width=\"700\" height=\"461\" data-id=\"4622\" src=\"https:\/\/mariusbancila.ro\/blog\/wp-content\/uploads\/2023\/03\/webview2script2-700x461.png\" alt=\"\" class=\"wp-image-4622\" srcset=\"https:\/\/mariusbancila.ro\/blog\/wp-content\/uploads\/2023\/03\/webview2script2-700x461.png 700w, https:\/\/mariusbancila.ro\/blog\/wp-content\/uploads\/2023\/03\/webview2script2-300x198.png 300w, https:\/\/mariusbancila.ro\/blog\/wp-content\/uploads\/2023\/03\/webview2script2-768x506.png 768w, https:\/\/mariusbancila.ro\/blog\/wp-content\/uploads\/2023\/03\/webview2script2.png 1015w\" sizes=\"auto, (max-width: 700px) 100vw, 700px\" \/><\/a><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/mariusbancila.ro\/blog\/wp-content\/uploads\/2023\/03\/webview2script3.png\"><img loading=\"lazy\" decoding=\"async\" width=\"700\" height=\"461\" data-id=\"4623\" src=\"https:\/\/mariusbancila.ro\/blog\/wp-content\/uploads\/2023\/03\/webview2script3-700x461.png\" alt=\"\" class=\"wp-image-4623\" srcset=\"https:\/\/mariusbancila.ro\/blog\/wp-content\/uploads\/2023\/03\/webview2script3-700x461.png 700w, https:\/\/mariusbancila.ro\/blog\/wp-content\/uploads\/2023\/03\/webview2script3-300x198.png 300w, https:\/\/mariusbancila.ro\/blog\/wp-content\/uploads\/2023\/03\/webview2script3-768x506.png 768w, https:\/\/mariusbancila.ro\/blog\/wp-content\/uploads\/2023\/03\/webview2script3.png 1015w\" sizes=\"auto, (max-width: 700px) 100vw, 700px\" \/><\/a><\/figure>\n<\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Try the app<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">You can download, build, and try the sample app for this series from here:<\/p>\n\n\n\n<div class=\"wp-block-file\"><a id=\"wp-block-file--media-2770704c-7fda-41c1-8aa0-45a83f9056ff\" href=\"https:\/\/mariusbancila.ro\/blog\/wp-content\/uploads\/2023\/03\/MfcEdgeDemo-3.zip\">MfcEdgeDemo-3<\/a><a href=\"https:\/\/mariusbancila.ro\/blog\/wp-content\/uploads\/2023\/03\/MfcEdgeDemo-3.zip\" class=\"wp-block-file__button\" download aria-describedby=\"wp-block-file--media-2770704c-7fda-41c1-8aa0-45a83f9056ff\">Download<\/a><\/div>\n","protected":false},"excerpt":{"rendered":"<p>This article is a new installment in the series about using the Webview2 control in a native application. In this post, I will show how to execute a JavaScript script. Articles in this series: Part 1: Introduction to Edge and WebView2 Part 2: Creating a WebView2 component Part 3: Navigation and other events Part 4: &#8230; <a title=\"Using Microsoft Edge in a native Windows desktop app \u2013 part 5\" class=\"read-more\" href=\"https:\/\/mariusbancila.ro\/blog\/2023\/03\/21\/using-microsoft-edge-in-a-native-windows-desktop-app-part-5\/\" aria-label=\"Read more about Using Microsoft Edge in a native Windows desktop app \u2013 part 5\">Read more<\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_uag_custom_page_level_css":"","advgb_blocks_editor_width":"","advgb_blocks_columns_visual_guide":"","_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_feature_clip_id":0,"_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_publicize_message":"","jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":true,"jetpack_social_options":{"image_generator_settings":{"template":"highway","default_image_id":0,"font":"","enabled":false},"version":2},"jetpack_post_was_ever_published":false},"categories":[7,12],"tags":[451,616,453,644],"class_list":["post-4617","post","type-post","status-publish","format-standard","hentry","category-c","category-mfc","tag-c","tag-edge","tag-mfc","tag-webview2"],"aioseo_notices":[],"aioseo_head":"\n\t\t<!-- All in One SEO 5.0.1.1 - aioseo.com -->\n\t<meta name=\"description\" content=\"This article is a new installment in the series about using the Webview2 control in a native application in which I will show how to execute a JavaScript script\" \/>\n\t<meta name=\"robots\" content=\"max-image-preview:large\" \/>\n\t<meta name=\"author\" content=\"Marius Bancila\"\/>\n\t<meta name=\"keywords\" content=\"c++,edge,mfc,webview2\" \/>\n\t<link rel=\"canonical\" href=\"https:\/\/mariusbancila.ro\/blog\/2023\/03\/21\/using-microsoft-edge-in-a-native-windows-desktop-app-part-5\/\" \/>\n\t<meta name=\"generator\" content=\"All in One SEO (AIOSEO) 5.0.1.1\" \/>\n\t\t<meta property=\"og:locale\" content=\"en_US\" \/>\n\t\t<meta property=\"og:site_name\" content=\"Marius Bancila&#039;s Blog | About code. Mostly on C++\" \/>\n\t\t<meta property=\"og:type\" content=\"article\" \/>\n\t\t<meta property=\"og:title\" content=\"Using Microsoft Edge in a native Windows desktop app \u2013 part 5\" \/>\n\t\t<meta property=\"og:description\" content=\"This article is a new installment in the series about using the Webview2 control in a native application in which I will show how to execute a JavaScript script\" \/>\n\t\t<meta property=\"og:url\" content=\"https:\/\/mariusbancila.ro\/blog\/2023\/03\/21\/using-microsoft-edge-in-a-native-windows-desktop-app-part-5\/\" \/>\n\t\t<meta property=\"article:published_time\" content=\"2023-03-21T20:14:38+00:00\" \/>\n\t\t<meta property=\"article:modified_time\" content=\"2023-04-05T06:05:20+00:00\" \/>\n\t\t<meta name=\"twitter:card\" content=\"summary\" \/>\n\t\t<meta name=\"twitter:title\" content=\"Using Microsoft Edge in a native Windows desktop app \u2013 part 5\" \/>\n\t\t<meta name=\"twitter:description\" content=\"This article is a new installment in the series about using the Webview2 control in a native application in which I will show how to execute a JavaScript script\" \/>\n\t\t<script type=\"application\/ld+json\" class=\"aioseo-schema\">\n\t\t\t{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/mariusbancila.ro\\\/blog\\\/2023\\\/03\\\/21\\\/using-microsoft-edge-in-a-native-windows-desktop-app-part-5\\\/#article\",\"name\":\"Using Microsoft Edge in a native Windows desktop app \\u2013 part 5\",\"headline\":\"Using Microsoft Edge in a native Windows desktop app \\u2013 part 5\",\"author\":{\"@id\":\"https:\\\/\\\/mariusbancila.ro\\\/blog\\\/author\\\/admin\\\/#author\"},\"publisher\":{\"@id\":\"https:\\\/\\\/mariusbancila.ro\\\/blog\\\/#organization\"},\"image\":{\"@type\":\"ImageObject\",\"url\":\"https:\\\/\\\/mariusbancila.ro\\\/blog\\\/wp-content\\\/uploads\\\/2023\\\/03\\\/webview2script1-1.png\",\"@id\":\"https:\\\/\\\/mariusbancila.ro\\\/blog\\\/2023\\\/03\\\/21\\\/using-microsoft-edge-in-a-native-windows-desktop-app-part-5\\\/#articleImage\",\"width\":1100,\"height\":684},\"datePublished\":\"2023-03-21T22:14:38+02:00\",\"dateModified\":\"2023-04-05T08:05:20+02:00\",\"inLanguage\":\"en-US\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/mariusbancila.ro\\\/blog\\\/2023\\\/03\\\/21\\\/using-microsoft-edge-in-a-native-windows-desktop-app-part-5\\\/#webpage\"},\"isPartOf\":{\"@id\":\"https:\\\/\\\/mariusbancila.ro\\\/blog\\\/2023\\\/03\\\/21\\\/using-microsoft-edge-in-a-native-windows-desktop-app-part-5\\\/#webpage\"},\"articleSection\":\"C++, MFC, C++, Edge, MFC, WebView2\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/mariusbancila.ro\\\/blog\\\/2023\\\/03\\\/21\\\/using-microsoft-edge-in-a-native-windows-desktop-app-part-5\\\/#breadcrumblist\",\"itemListElement\":[{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/mariusbancila.ro\\\/blog#listItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/mariusbancila.ro\\\/blog\",\"nextItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/mariusbancila.ro\\\/blog\\\/category\\\/it\\\/#listItem\",\"name\":\"IT\"}},{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/mariusbancila.ro\\\/blog\\\/category\\\/it\\\/#listItem\",\"position\":2,\"name\":\"IT\",\"item\":\"https:\\\/\\\/mariusbancila.ro\\\/blog\\\/category\\\/it\\\/\",\"nextItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/mariusbancila.ro\\\/blog\\\/category\\\/it\\\/software\\\/#listItem\",\"name\":\"Software\"},\"previousItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/mariusbancila.ro\\\/blog#listItem\",\"name\":\"Home\"}},{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/mariusbancila.ro\\\/blog\\\/category\\\/it\\\/software\\\/#listItem\",\"position\":3,\"name\":\"Software\",\"item\":\"https:\\\/\\\/mariusbancila.ro\\\/blog\\\/category\\\/it\\\/software\\\/\",\"nextItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/mariusbancila.ro\\\/blog\\\/category\\\/it\\\/software\\\/c\\\/#listItem\",\"name\":\"C++\"},\"previousItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/mariusbancila.ro\\\/blog\\\/category\\\/it\\\/#listItem\",\"name\":\"IT\"}},{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/mariusbancila.ro\\\/blog\\\/category\\\/it\\\/software\\\/c\\\/#listItem\",\"position\":4,\"name\":\"C++\",\"item\":\"https:\\\/\\\/mariusbancila.ro\\\/blog\\\/category\\\/it\\\/software\\\/c\\\/\",\"nextItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/mariusbancila.ro\\\/blog\\\/category\\\/it\\\/software\\\/c\\\/mfc\\\/#listItem\",\"name\":\"MFC\"},\"previousItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/mariusbancila.ro\\\/blog\\\/category\\\/it\\\/software\\\/#listItem\",\"name\":\"Software\"}},{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/mariusbancila.ro\\\/blog\\\/category\\\/it\\\/software\\\/c\\\/mfc\\\/#listItem\",\"position\":5,\"name\":\"MFC\",\"item\":\"https:\\\/\\\/mariusbancila.ro\\\/blog\\\/category\\\/it\\\/software\\\/c\\\/mfc\\\/\",\"nextItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/mariusbancila.ro\\\/blog\\\/2023\\\/03\\\/21\\\/using-microsoft-edge-in-a-native-windows-desktop-app-part-5\\\/#listItem\",\"name\":\"Using Microsoft Edge in a native Windows desktop app \\u2013 part 5\"},\"previousItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/mariusbancila.ro\\\/blog\\\/category\\\/it\\\/software\\\/c\\\/#listItem\",\"name\":\"C++\"}},{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/mariusbancila.ro\\\/blog\\\/2023\\\/03\\\/21\\\/using-microsoft-edge-in-a-native-windows-desktop-app-part-5\\\/#listItem\",\"position\":6,\"name\":\"Using Microsoft Edge in a native Windows desktop app \\u2013 part 5\",\"previousItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/mariusbancila.ro\\\/blog\\\/category\\\/it\\\/software\\\/c\\\/mfc\\\/#listItem\",\"name\":\"MFC\"}}]},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/mariusbancila.ro\\\/blog\\\/#organization\",\"name\":\"Marius Bancila's Blog\",\"description\":\"About code. Mostly on C++\",\"url\":\"https:\\\/\\\/mariusbancila.ro\\\/blog\\\/\"},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/mariusbancila.ro\\\/blog\\\/author\\\/admin\\\/#author\",\"url\":\"https:\\\/\\\/mariusbancila.ro\\\/blog\\\/author\\\/admin\\\/\",\"name\":\"Marius Bancila\",\"image\":{\"@type\":\"ImageObject\",\"@id\":\"https:\\\/\\\/mariusbancila.ro\\\/blog\\\/2023\\\/03\\\/21\\\/using-microsoft-edge-in-a-native-windows-desktop-app-part-5\\\/#authorImage\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/a84dd2831d955c38355ddea55df4df260809b88f36408bc14fd4eab8f7f131c9?s=96&d=mm&r=g\",\"width\":96,\"height\":96,\"caption\":\"Marius Bancila\"}},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/mariusbancila.ro\\\/blog\\\/2023\\\/03\\\/21\\\/using-microsoft-edge-in-a-native-windows-desktop-app-part-5\\\/#webpage\",\"url\":\"https:\\\/\\\/mariusbancila.ro\\\/blog\\\/2023\\\/03\\\/21\\\/using-microsoft-edge-in-a-native-windows-desktop-app-part-5\\\/\",\"name\":\"Using Microsoft Edge in a native Windows desktop app \\u2013 part 5\",\"description\":\"This article is a new installment in the series about using the Webview2 control in a native application in which I will show how to execute a JavaScript script\",\"inLanguage\":\"en-US\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/mariusbancila.ro\\\/blog\\\/#website\"},\"breadcrumb\":{\"@id\":\"https:\\\/\\\/mariusbancila.ro\\\/blog\\\/2023\\\/03\\\/21\\\/using-microsoft-edge-in-a-native-windows-desktop-app-part-5\\\/#breadcrumblist\"},\"author\":{\"@id\":\"https:\\\/\\\/mariusbancila.ro\\\/blog\\\/author\\\/admin\\\/#author\"},\"creator\":{\"@id\":\"https:\\\/\\\/mariusbancila.ro\\\/blog\\\/author\\\/admin\\\/#author\"},\"datePublished\":\"2023-03-21T22:14:38+02:00\",\"dateModified\":\"2023-04-05T08:05:20+02:00\"},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/mariusbancila.ro\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/mariusbancila.ro\\\/blog\\\/\",\"name\":\"Marius Bancila's Blog\",\"description\":\"About code. Mostly on C++\",\"inLanguage\":\"en-US\",\"publisher\":{\"@id\":\"https:\\\/\\\/mariusbancila.ro\\\/blog\\\/#organization\"}}]}\n\t\t<\/script>\n\t\t<!-- All in One SEO -->\n\n","aioseo_head_json":{"title":"Using Microsoft Edge in a native Windows desktop app \u2013 part 5","description":"This article is a new installment in the series about using the Webview2 control in a native application in which I will show how to execute a JavaScript script","canonical_url":"https:\/\/mariusbancila.ro\/blog\/2023\/03\/21\/using-microsoft-edge-in-a-native-windows-desktop-app-part-5\/","robots":"max-image-preview:large","keywords":"c++,edge,mfc,webview2","webmasterTools":{"miscellaneous":""},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/mariusbancila.ro\/blog\/2023\/03\/21\/using-microsoft-edge-in-a-native-windows-desktop-app-part-5\/#article","name":"Using Microsoft Edge in a native Windows desktop app \u2013 part 5","headline":"Using Microsoft Edge in a native Windows desktop app \u2013 part 5","author":{"@id":"https:\/\/mariusbancila.ro\/blog\/author\/admin\/#author"},"publisher":{"@id":"https:\/\/mariusbancila.ro\/blog\/#organization"},"image":{"@type":"ImageObject","url":"https:\/\/mariusbancila.ro\/blog\/wp-content\/uploads\/2023\/03\/webview2script1-1.png","@id":"https:\/\/mariusbancila.ro\/blog\/2023\/03\/21\/using-microsoft-edge-in-a-native-windows-desktop-app-part-5\/#articleImage","width":1100,"height":684},"datePublished":"2023-03-21T22:14:38+02:00","dateModified":"2023-04-05T08:05:20+02:00","inLanguage":"en-US","mainEntityOfPage":{"@id":"https:\/\/mariusbancila.ro\/blog\/2023\/03\/21\/using-microsoft-edge-in-a-native-windows-desktop-app-part-5\/#webpage"},"isPartOf":{"@id":"https:\/\/mariusbancila.ro\/blog\/2023\/03\/21\/using-microsoft-edge-in-a-native-windows-desktop-app-part-5\/#webpage"},"articleSection":"C++, MFC, C++, Edge, MFC, WebView2"},{"@type":"BreadcrumbList","@id":"https:\/\/mariusbancila.ro\/blog\/2023\/03\/21\/using-microsoft-edge-in-a-native-windows-desktop-app-part-5\/#breadcrumblist","itemListElement":[{"@type":"ListItem","@id":"https:\/\/mariusbancila.ro\/blog#listItem","position":1,"name":"Home","item":"https:\/\/mariusbancila.ro\/blog","nextItem":{"@type":"ListItem","@id":"https:\/\/mariusbancila.ro\/blog\/category\/it\/#listItem","name":"IT"}},{"@type":"ListItem","@id":"https:\/\/mariusbancila.ro\/blog\/category\/it\/#listItem","position":2,"name":"IT","item":"https:\/\/mariusbancila.ro\/blog\/category\/it\/","nextItem":{"@type":"ListItem","@id":"https:\/\/mariusbancila.ro\/blog\/category\/it\/software\/#listItem","name":"Software"},"previousItem":{"@type":"ListItem","@id":"https:\/\/mariusbancila.ro\/blog#listItem","name":"Home"}},{"@type":"ListItem","@id":"https:\/\/mariusbancila.ro\/blog\/category\/it\/software\/#listItem","position":3,"name":"Software","item":"https:\/\/mariusbancila.ro\/blog\/category\/it\/software\/","nextItem":{"@type":"ListItem","@id":"https:\/\/mariusbancila.ro\/blog\/category\/it\/software\/c\/#listItem","name":"C++"},"previousItem":{"@type":"ListItem","@id":"https:\/\/mariusbancila.ro\/blog\/category\/it\/#listItem","name":"IT"}},{"@type":"ListItem","@id":"https:\/\/mariusbancila.ro\/blog\/category\/it\/software\/c\/#listItem","position":4,"name":"C++","item":"https:\/\/mariusbancila.ro\/blog\/category\/it\/software\/c\/","nextItem":{"@type":"ListItem","@id":"https:\/\/mariusbancila.ro\/blog\/category\/it\/software\/c\/mfc\/#listItem","name":"MFC"},"previousItem":{"@type":"ListItem","@id":"https:\/\/mariusbancila.ro\/blog\/category\/it\/software\/#listItem","name":"Software"}},{"@type":"ListItem","@id":"https:\/\/mariusbancila.ro\/blog\/category\/it\/software\/c\/mfc\/#listItem","position":5,"name":"MFC","item":"https:\/\/mariusbancila.ro\/blog\/category\/it\/software\/c\/mfc\/","nextItem":{"@type":"ListItem","@id":"https:\/\/mariusbancila.ro\/blog\/2023\/03\/21\/using-microsoft-edge-in-a-native-windows-desktop-app-part-5\/#listItem","name":"Using Microsoft Edge in a native Windows desktop app \u2013 part 5"},"previousItem":{"@type":"ListItem","@id":"https:\/\/mariusbancila.ro\/blog\/category\/it\/software\/c\/#listItem","name":"C++"}},{"@type":"ListItem","@id":"https:\/\/mariusbancila.ro\/blog\/2023\/03\/21\/using-microsoft-edge-in-a-native-windows-desktop-app-part-5\/#listItem","position":6,"name":"Using Microsoft Edge in a native Windows desktop app \u2013 part 5","previousItem":{"@type":"ListItem","@id":"https:\/\/mariusbancila.ro\/blog\/category\/it\/software\/c\/mfc\/#listItem","name":"MFC"}}]},{"@type":"Organization","@id":"https:\/\/mariusbancila.ro\/blog\/#organization","name":"Marius Bancila's Blog","description":"About code. Mostly on C++","url":"https:\/\/mariusbancila.ro\/blog\/"},{"@type":"Person","@id":"https:\/\/mariusbancila.ro\/blog\/author\/admin\/#author","url":"https:\/\/mariusbancila.ro\/blog\/author\/admin\/","name":"Marius Bancila","image":{"@type":"ImageObject","@id":"https:\/\/mariusbancila.ro\/blog\/2023\/03\/21\/using-microsoft-edge-in-a-native-windows-desktop-app-part-5\/#authorImage","url":"https:\/\/secure.gravatar.com\/avatar\/a84dd2831d955c38355ddea55df4df260809b88f36408bc14fd4eab8f7f131c9?s=96&d=mm&r=g","width":96,"height":96,"caption":"Marius Bancila"}},{"@type":"WebPage","@id":"https:\/\/mariusbancila.ro\/blog\/2023\/03\/21\/using-microsoft-edge-in-a-native-windows-desktop-app-part-5\/#webpage","url":"https:\/\/mariusbancila.ro\/blog\/2023\/03\/21\/using-microsoft-edge-in-a-native-windows-desktop-app-part-5\/","name":"Using Microsoft Edge in a native Windows desktop app \u2013 part 5","description":"This article is a new installment in the series about using the Webview2 control in a native application in which I will show how to execute a JavaScript script","inLanguage":"en-US","isPartOf":{"@id":"https:\/\/mariusbancila.ro\/blog\/#website"},"breadcrumb":{"@id":"https:\/\/mariusbancila.ro\/blog\/2023\/03\/21\/using-microsoft-edge-in-a-native-windows-desktop-app-part-5\/#breadcrumblist"},"author":{"@id":"https:\/\/mariusbancila.ro\/blog\/author\/admin\/#author"},"creator":{"@id":"https:\/\/mariusbancila.ro\/blog\/author\/admin\/#author"},"datePublished":"2023-03-21T22:14:38+02:00","dateModified":"2023-04-05T08:05:20+02:00"},{"@type":"WebSite","@id":"https:\/\/mariusbancila.ro\/blog\/#website","url":"https:\/\/mariusbancila.ro\/blog\/","name":"Marius Bancila's Blog","description":"About code. Mostly on C++","inLanguage":"en-US","publisher":{"@id":"https:\/\/mariusbancila.ro\/blog\/#organization"}}]},"og:locale":"en_US","og:site_name":"Marius Bancila's Blog | About code. Mostly on C++","og:type":"article","og:title":"Using Microsoft Edge in a native Windows desktop app \u2013 part 5","og:description":"This article is a new installment in the series about using the Webview2 control in a native application in which I will show how to execute a JavaScript script","og:url":"https:\/\/mariusbancila.ro\/blog\/2023\/03\/21\/using-microsoft-edge-in-a-native-windows-desktop-app-part-5\/","article:published_time":"2023-03-21T20:14:38+00:00","article:modified_time":"2023-04-05T06:05:20+00:00","twitter:card":"summary","twitter:title":"Using Microsoft Edge in a native Windows desktop app \u2013 part 5","twitter:description":"This article is a new installment in the series about using the Webview2 control in a native application in which I will show how to execute a JavaScript script"},"aioseo_meta_data":{"post_id":"4617","title":null,"description":"This article is a new installment in the series about using the Webview2 control in a native application in which I will show how to execute a JavaScript script","keywords":[],"keyphrases":{"focus":[],"additional":[]},"primary_term":null,"canonical_url":null,"og_title":null,"og_description":null,"og_object_type":"default","og_image_type":"default","og_image_url":null,"og_image_width":null,"og_image_height":null,"og_image_custom_url":null,"og_image_custom_fields":null,"og_video":"","og_custom_url":null,"og_article_section":null,"og_article_tags":[],"twitter_use_og":false,"twitter_card":"default","twitter_image_type":"default","twitter_image_url":null,"twitter_image_custom_url":null,"twitter_image_custom_fields":null,"twitter_title":null,"twitter_description":null,"schema":{"blockGraphs":[],"customGraphs":[],"default":{"data":{"Article":[],"Course":[],"Dataset":[],"FAQPage":[],"Movie":[],"Person":[],"Product":[],"ProductReview":[],"Car":[],"Recipe":[],"Service":[],"SoftwareApplication":[],"WebPage":[]},"graphName":"Article","isEnabled":true},"graphs":[]},"schema_type":"default","schema_type_options":null,"pillar_content":false,"robots_default":true,"robots_noindex":false,"robots_noarchive":false,"robots_nosnippet":false,"robots_nofollow":false,"robots_noimageindex":false,"robots_noodp":false,"robots_notranslate":false,"robots_max_snippet":"-1","robots_max_videopreview":"-1","robots_max_imagepreview":"large","priority":null,"frequency":"default","location":null,"local_seo":null,"breadcrumb_settings":null,"limit_modified_date":false,"ai":null,"created":"2023-03-21 13:52:33","updated":"2026-10-18 15:43:46","seo_analyzer_scan_date":null,"focus_keyword":null,"additional_keywords":null,"truseo_locale":null},"author_meta":{"display_name":"Marius Bancila","author_link":"https:\/\/mariusbancila.ro\/blog\/author\/admin\/"},"featured_img":null,"jetpack_publicize_connections":[],"uagb_featured_image_src":{"full":false,"thumbnail":false,"medium":false,"medium_large":false,"large":false,"1536x1536":false,"2048x2048":false},"uagb_author_info":{"display_name":"Marius Bancila","author_link":"https:\/\/mariusbancila.ro\/blog\/author\/admin\/"},"uagb_comment_info":0,"uagb_excerpt":"This article is a new installment in the series about using the Webview2 control in a native application. In this post, I will show how to execute a JavaScript script. Articles in this series: Part 1: Introduction to Edge and WebView2 Part 2: Creating a WebView2 component Part 3: Navigation and other events Part 4:&hellip;","coauthors":[],"tax_additional":{"categories":{"linked":["<a href=\"https:\/\/mariusbancila.ro\/blog\/category\/it\/software\/c\/\" class=\"advgb-post-tax-term\">C++<\/a>","<a href=\"https:\/\/mariusbancila.ro\/blog\/category\/it\/software\/c\/mfc\/\" class=\"advgb-post-tax-term\">MFC<\/a>"],"unlinked":["<span class=\"advgb-post-tax-term\">C++<\/span>","<span class=\"advgb-post-tax-term\">MFC<\/span>"]},"tags":{"linked":["<a href=\"https:\/\/mariusbancila.ro\/blog\/category\/it\/software\/c\/mfc\/\" class=\"advgb-post-tax-term\">C++<\/a>","<a href=\"https:\/\/mariusbancila.ro\/blog\/category\/it\/software\/c\/mfc\/\" class=\"advgb-post-tax-term\">Edge<\/a>","<a href=\"https:\/\/mariusbancila.ro\/blog\/category\/it\/software\/c\/mfc\/\" class=\"advgb-post-tax-term\">MFC<\/a>","<a href=\"https:\/\/mariusbancila.ro\/blog\/category\/it\/software\/c\/mfc\/\" class=\"advgb-post-tax-term\">WebView2<\/a>"],"unlinked":["<span class=\"advgb-post-tax-term\">C++<\/span>","<span class=\"advgb-post-tax-term\">Edge<\/span>","<span class=\"advgb-post-tax-term\">MFC<\/span>","<span class=\"advgb-post-tax-term\">WebView2<\/span>"]}},"comment_count":"0","relative_dates":{"created":"Posted 4 years ago","modified":"Updated 4 years ago"},"absolute_dates":{"created":"Posted on March 21, 2023","modified":"Updated on April 5, 2023"},"absolute_dates_time":{"created":"Posted on March 21, 2023 10:14 pm","modified":"Updated on April 5, 2023 8:05 am"},"featured_img_caption":"","series_order":"","jetpack_shortlink":"https:\/\/wp.me\/pYNdv-1ct","jetpack_sharing_enabled":true,"jetpack_likes_enabled":true,"jetpack_featured_media_url":"","_links":{"self":[{"href":"https:\/\/mariusbancila.ro\/blog\/wp-json\/wp\/v2\/posts\/4617","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mariusbancila.ro\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/mariusbancila.ro\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/mariusbancila.ro\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/mariusbancila.ro\/blog\/wp-json\/wp\/v2\/comments?post=4617"}],"version-history":[{"count":7,"href":"https:\/\/mariusbancila.ro\/blog\/wp-json\/wp\/v2\/posts\/4617\/revisions"}],"predecessor-version":[{"id":4646,"href":"https:\/\/mariusbancila.ro\/blog\/wp-json\/wp\/v2\/posts\/4617\/revisions\/4646"}],"wp:attachment":[{"href":"https:\/\/mariusbancila.ro\/blog\/wp-json\/wp\/v2\/media?parent=4617"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/mariusbancila.ro\/blog\/wp-json\/wp\/v2\/categories?post=4617"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/mariusbancila.ro\/blog\/wp-json\/wp\/v2\/tags?post=4617"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}