{"id":123453,"date":"2021-11-06T18:29:00","date_gmt":"2021-11-06T15:29:00","guid":{"rendered":"https:\/\/howto.mediadoma.com\/?p=123453"},"modified":"2025-03-15T14:08:24","modified_gmt":"2025-03-15T11:08:24","slug":"como-instalar-y-usar-pwa-con-edge-insider","status":"publish","type":"post","link":"https:\/\/howto.mediadoma.com\/es\/como-instalar-y-usar-pwa-con-edge-insider\/","title":{"rendered":"C\u00f3mo instalar y usar PWA con Edge Insider"},"content":{"rendered":"<p>Para instalar una PWA con Edge Insider, haga clic en el bot\u00f3n \u00abInstalar\u00bb en la barra de direcciones que se muestra autom\u00e1ticamente en los sitios compatibles.<\/p>\n<h4>Se aplica a todas las versiones de Windows 10<\/h4>\n<p>Con Edge siendo reconstruido sobre Chromium, el navegador ahora es totalmente compatible con la \u00abinstalaci\u00f3n\u00bb de sitios web con un manifiesto de aplicaci\u00f3n web v\u00e1lido. Los usuarios se refieren com\u00fanmente a estos sitios como \u00abPWA\u00bb, aunque el t\u00e9rmino en realidad describe un conjunto m\u00e1s amplio de tecnolog\u00edas y conceptos. La instalaci\u00f3n de aplicaciones web es solo una caracter\u00edstica posible de una PWA.<\/p>\n<p>Cuando elige instalar un sitio compatible, se integra en su sistema de la misma manera que una aplicaci\u00f3n nativa. En el caso de Windows 10, esto hace que la aplicaci\u00f3n aparezca en el men\u00fa Inicio y dentro de la aplicaci\u00f3n Configuraci\u00f3n.<\/p>\n<p><a href=\"https:\/\/howto.mediadoma.com\/wp-content\/uploads\/2021\/03\/post-4953-604ab1b5c4c83.png\" data-rel=\"lightbox\" ><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/howto.mediadoma.com\/wp-content\/uploads\/2021\/03\/post-4953-604ab1b5c4c83.png\" alt=\"C\u00f3mo instalar y usar PWA con Edge Insider\" ><\/a><\/p>\n<p>El primer desaf\u00edo es encontrar un sitio web que presente un manifiesto de aplicaci\u00f3n web y, por lo tanto, se pueda instalar. Microsoft est\u00e1 simplificando esto al rastrear autom\u00e1ticamente la web en busca de dichos sitios y <a href=\"https:\/\/blogs.windows.com\/msedgedev\/2018\/02\/06\/welcoming-progressive-web-apps-edge-windows-10\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">crear listas de aplicaciones<\/a> en Microsoft Store. Sin embargo, para esta gu\u00eda, nos enfocaremos en instalar aplicaciones a trav\u00e9s del navegador Edge, mientras usa la web.<\/p>\n<p>Edge identificar\u00e1 los sitios que se pueden instalar. Despu\u00e9s de llegar a una p\u00e1gina con un manifiesto de aplicaci\u00f3n web, ver\u00e1 brevemente un bot\u00f3n \u00abInstalar\u00bb en la barra de direcciones. Despu\u00e9s de unos segundos, se condensa hasta convertirse en un icono \u00ab+\u00bb.<\/p>\n<p><a href=\"https:\/\/howto.mediadoma.com\/wp-content\/uploads\/2021\/03\/post-4953-604ab1b7e6bd5.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/howto.mediadoma.com\/wp-content\/uploads\/2021\/03\/post-4953-604ab1b7e6bd5.png\" alt=\"C\u00f3mo instalar y usar PWA con Edge Insider\" ><\/a><\/p>\n<p>Haga clic en el bot\u00f3n o icono para mostrar el mensaje de instalaci\u00f3n. Haga clic en \u00abInstalar\u00bb para agregarlo a su sistema. La aplicaci\u00f3n se iniciar\u00e1 en su propia ventana, como cualquier otra aplicaci\u00f3n en su m\u00e1quina. Ver\u00e1 que el sitio ahora aparece con su propia identidad en la barra de tareas. Abra el men\u00fa Inicio y ver\u00e1 una nueva entrada para la aplicaci\u00f3n.<\/p>\n<p>Ahora puede usar la aplicaci\u00f3n en su contexto independiente, sin tener que abrir Edge Insider. En realidad, sigue siendo el motor del navegador Chromium de Edge el que est\u00e1 renderizando la p\u00e1gina, pero se ve y se siente como una aplicaci\u00f3n \u00fanica.<\/p>\n<p><a href=\"https:\/\/howto.mediadoma.com\/wp-content\/uploads\/2021\/03\/post-4953-604ab1ba6fecb.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/howto.mediadoma.com\/wp-content\/uploads\/2021\/03\/post-4953-604ab1ba6fecb.png\" alt=\"C\u00f3mo instalar y usar PWA con Edge Insider\" ><\/a><\/p>\n<p>Puede mantener la PWA instalada en su sistema de forma indefinida. Deber\u00eda actualizarse autom\u00e1ticamente con el tiempo, ya que los desarrolladores del sitio actualizan el sitio que lo maneja. La mayor\u00eda, pero no necesariamente todas, las PWA tambi\u00e9n funcionar\u00e1n sin conexi\u00f3n, otra caracter\u00edstica \u00absimilar a una aplicaci\u00f3n\u00bb que hacen posible las API web modernas.<\/p>\n<p>Cuando llegue el momento de desinstalar la PWA, puede hacerlo de varias formas. Un enfoque es usar la aplicaci\u00f3n Configuraci\u00f3n de Windows 10 o hacer clic con el bot\u00f3n derecho en la aplicaci\u00f3n en el men\u00fa Inicio y elegir \u00abDesinstalar\u00bb. Tambi\u00e9n puede desinstalar desde la propia PWA: haga clic en el icono de puntos del men\u00fa en la parte superior derecha y presione \u00abDesinstalar\u00bb. Esto tambi\u00e9n contiene una opci\u00f3n para abrir la aplicaci\u00f3n en Edge Insider directamente, en caso de que desee escapar de la PWA para una experiencia de navegaci\u00f3n tradicional.<\/p>\n<p><div id=\"PostUnique_PostSource\" style=\"padding-top: 50px\">Fuente de grabaci\u00f3n:  <a target=\"_blank\" rel=\"noopener nofollow\" href=\"\/\/www.onmsft.com\" class=\"external external_icon\">www.onmsft.com<\/a><\/div><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Con Edge siendo reconstruido sobre Chromium, el navegador ahora es totalmente compatible con la \u00abinstalaci\u00f3n\u00bb de sitios web con un manifiesto de aplicaci\u00f3n web v\u00e1lido. Los usuarios suelen hacer referencia a estos sitios como \u00abP &#8230;<\/p>\n","protected":false},"author":1,"featured_media":146538,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_wp_rev_ctl_limit":""},"categories":[3040],"tags":[3062],"class_list":["post-123453","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-miscelaneas","tag-affiai-es"],"_links":{"self":[{"href":"https:\/\/howto.mediadoma.com\/es\/wp-json\/wp\/v2\/posts\/123453","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=123453"}],"version-history":[{"count":1,"href":"https:\/\/howto.mediadoma.com\/es\/wp-json\/wp\/v2\/posts\/123453\/revisions"}],"predecessor-version":[{"id":320689,"href":"https:\/\/howto.mediadoma.com\/es\/wp-json\/wp\/v2\/posts\/123453\/revisions\/320689"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/howto.mediadoma.com\/es\/wp-json\/wp\/v2\/media\/146538"}],"wp:attachment":[{"href":"https:\/\/howto.mediadoma.com\/es\/wp-json\/wp\/v2\/media?parent=123453"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/howto.mediadoma.com\/es\/wp-json\/wp\/v2\/categories?post=123453"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/howto.mediadoma.com\/es\/wp-json\/wp\/v2\/tags?post=123453"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}