{"id":269813,"date":"2023-08-13T17:05:00","date_gmt":"2023-08-13T14:05:00","guid":{"rendered":"https:\/\/howto.mediadoma.com\/?p=269813"},"modified":"2025-03-14T11:32:55","modified_gmt":"2025-03-14T08:32:55","slug":"webview2-lo-que-debe-saber-como-usuario-de-windows-10","status":"publish","type":"post","link":"https:\/\/howto.mediadoma.com\/es\/webview2-lo-que-debe-saber-como-usuario-de-windows-10\/","title":{"rendered":"WebView2: lo que debe saber como usuario de Windows 10"},"content":{"rendered":"\n<p>En junio de 2022, Microsoft anunci\u00f3 que har\u00eda que el tiempo de ejecuci\u00f3n de WebView2 estuviera disponible para todos los dispositivos con Windows 10 que ejecutaran al menos las actualizaciones de abril de 2018.<\/p>\n<p>La raz\u00f3n principal es hacer que los beneficios de la tecnolog\u00eda en el desarrollo de contenido web sean f\u00e1cilmente accesibles para los usuarios de Windows 10. Actualmente, la tecnolog\u00eda WebView2 ayuda a potenciar muchas aplicaciones web, incluido Microsoft Office.<\/p>\n<p>En este art\u00edculo, veremos WebView2, c\u00f3mo se compara con Electron y c\u00f3mo afecta las aplicaciones basadas en web.<\/p>\n<h2>\u00bfQu\u00e9 es WebView2?<\/h2>\n<div class=\"sds-iframe-wrapper fitvidsignore\" style=\"position:relative;padding-top:56.25%;max-width:100%;\"><iframe allowfullscreen style=\"position:absolute;top:0;left:0;width:100%;height:100%;\" src=\"\/\/www.youtube.com\/embed\/-ri7TmPeqLc\" frameborder=\"0\"><\/iframe><\/div>\n<p>WebView2 es un control que ayuda a los usuarios a incluir tecnolog\u00edas web como HTML y JavaScript en sus aplicaciones de contenido. Este control de tiempo de ejecuci\u00f3n de Microsoft Edge ahora funciona con el sistema operativo Windows 10 de forma predeterminada.<\/p>\n<p>La conexi\u00f3n de Microsoft Edge garantiza que el tiempo de ejecuci\u00f3n ocupe un espacio de disco limitado en un producto si son de la misma versi\u00f3n. Hacer esto garantiza que la instalaci\u00f3n de WebView tenga el menor impacto posible en su PC.<\/p>\n<h2>\u00bfC\u00f3mo se compara WebView2 con su competencia?<\/h2>\n<p>Existen algunas diferencias entre WebView2 y su competidor, Electron JS, especialmente cuando se compara c\u00f3mo representan su contenido web. En la superficie, su patr\u00f3n de interpretaci\u00f3n es bastante similar. Sin embargo, algunos elementos clave se destacan.<\/p>\n<h3>1 base de construcci\u00f3n<\/h3>\n<p>Ambas tecnolog\u00edas est\u00e1n basadas en Chromium. Aunque, WebView2 est\u00e1 m\u00e1s restringido para funcionar con Microsoft Edge.<\/p>\n<p>Electron permite a un desarrollador crear <a href=\"https:\/\/www.makeuseof.com\/best-cross-platform-apps-get-things-done\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">aplicaciones multiplataforma que funcionan en su escritorio<\/a> mientras las aloja como una aplicaci\u00f3n web. Esta tecnolog\u00eda act\u00faa como medio de comunicaci\u00f3n entre la aplicaci\u00f3n y el escritorio.<\/p>\n<p>WebView, por otro lado, es una tecnolog\u00eda que funciona como parte de su aplicaci\u00f3n para representar contenido web.<\/p>\n<p>Esta dependencia de compilaci\u00f3n en Chromium o Edge tambi\u00e9n influye en el tipo de plataformas en las que se pueden ejecutar las tecnolog\u00edas. Adem\u00e1s, Electron funciona bien en Mac, Linux y Windows, mientras que la \u00fanica plataforma para WebView2 es Windows.<\/p>\n<h3>2 interfaces de programaci\u00f3n de aplicaciones<\/h3>\n<p>Electron tiene API para la mayor\u00eda de las necesidades de las aplicaciones, como acceso a sistemas de archivos y notificaciones. Sin embargo, WebView2 no proporciona API para sus aplicaciones de escritorio.<\/p>\n<p>Aunque, cuando se trata de idiomas, Electron y WebView admiten el uso de JavaScript, CSS y HTML al crear sus aplicaciones.<\/p>\n<h3>3 Proceso de renderizado<\/h3>\n<p>Existe una ligera variaci\u00f3n en la forma en que estas tecnolog\u00edas presentan sus aplicaciones. El modelo de proceso de Electron se divide en el proceso principal y el renderizador.<\/p>\n<p>El proceso principal opera en un <a href=\"https:\/\/www.makeuseof.com\/node-js-server-side-javascript\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">entorno Node.js<\/a> y sirve como punto de entrada para aplicaciones individuales. Luego se divide en diferentes procesos de representaci\u00f3n que ayudan a representar el contenido de la aplicaci\u00f3n.<\/p>\n<p>Mientras tanto, el modelo de proceso de WebView2 suele ser un grupo que comprende diferentes procesos de tiempo de ejecuci\u00f3n. Cada proceso de tiempo de ejecuci\u00f3n tiene un navegador, al menos un renderizador y un par de otros procesos auxiliares.<\/p>\n<p>Estos procesos auxiliares suelen ser servicios de utilidad como servicios visuales o de audio.<\/p>\n<h2>Qu\u00e9 significa esto para las aplicaciones basadas en web<\/h2>\n<p>La introducci\u00f3n de WebView2 en Windows 10 permite a los desarrolladores aprovechar al m\u00e1ximo las capacidades del navegador Edge. La tecnolog\u00eda tambi\u00e9n permite a los desarrolladores crear contenido web que los usuarios finales apreciar\u00e1n, aunque solo los desarrolladores pueden trabajar directamente con el tiempo de ejecuci\u00f3n.<\/p>\n<p>Debido a que WebView2 solo estaba disponible en Windows 11, trabajar con la tecnolog\u00eda fue desafiante y costoso para los desarrolladores con dispositivos de consumo m\u00e1s antiguos que ejecutan Windows 10. Por lo tanto, esta entrega elimina ese estr\u00e9s y cierra la brecha para ingresar al ecosistema WebView2.<\/p>\n<p>Hacer esto tambi\u00e9n permite a los desarrolladores y usuarios finales tener m\u00e1s acceso a los muchos beneficios del tiempo de ejecuci\u00f3n de WebView2. Algunos de estos beneficios incluyen la exposici\u00f3n al mundo web y otras <a href=\"https:\/\/www.makeuseof.com\/popular-professional-web-development-tools\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">herramientas de desarrollo web<\/a> como bibliotecas; y acceda a un conjunto completo de API nativas que puede incorporar a sus aplicaciones.<\/p>\n<p>Adem\u00e1s, con WebView2, puede agregar y guardar diferentes c\u00f3digos en una base de c\u00f3digo para que los c\u00f3digos se puedan reutilizar en varias plataformas.<\/p>\n<h2>Una victoria para los desarrolladores de Windows 10<\/h2>\n<p>La entrega del tiempo de ejecuci\u00f3n de WebView2 en Windows 10 ha beneficiado a muchos desarrolladores. En consecuencia, podemos concluir que esta tecnolog\u00eda servir\u00e1 para los fines previstos en funci\u00f3n de dos factores.<\/p>\n<p>Estos factores son el uso reducido del espacio en disco debido a su incorporaci\u00f3n con el navegador perimetral; y que WebView2 brinda a las aplicaciones nativas acceso a diferentes funciones de Edge.<\/p>\n<p><div id=\"PostUnique_PostSource\" style=\"padding-top: 50px\">Fuente de grabaci\u00f3n:  <a target=\"_blank\" rel=\"noopener nofollow\" href=\"\/\/www.makeuseof.com\" class=\"external external_icon\">www.makeuseof.com<\/a><\/div><\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u00bfEs WebView2 la mejor opci\u00f3n para los usuarios de Windows 10? \u00bfY qu\u00e9 significa para las personas que usan el sistema operativo? Vamos a averiguar.<\/p>\n","protected":false},"author":1,"featured_media":246647,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_wp_rev_ctl_limit":""},"categories":[2921],"tags":[3062],"class_list":["post-269813","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-ventanas","tag-affiai-es"],"_links":{"self":[{"href":"https:\/\/howto.mediadoma.com\/es\/wp-json\/wp\/v2\/posts\/269813","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/howto.mediadoma.com\/es\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/howto.mediadoma.com\/es\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/howto.mediadoma.com\/es\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/howto.mediadoma.com\/es\/wp-json\/wp\/v2\/comments?post=269813"}],"version-history":[{"count":1,"href":"https:\/\/howto.mediadoma.com\/es\/wp-json\/wp\/v2\/posts\/269813\/revisions"}],"predecessor-version":[{"id":307655,"href":"https:\/\/howto.mediadoma.com\/es\/wp-json\/wp\/v2\/posts\/269813\/revisions\/307655"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/howto.mediadoma.com\/es\/wp-json\/wp\/v2\/media\/246647"}],"wp:attachment":[{"href":"https:\/\/howto.mediadoma.com\/es\/wp-json\/wp\/v2\/media?parent=269813"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/howto.mediadoma.com\/es\/wp-json\/wp\/v2\/categories?post=269813"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/howto.mediadoma.com\/es\/wp-json\/wp\/v2\/tags?post=269813"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}