Aplicaciones de Windows
Contraer la tabla de contenido
Expandir la tabla de contenido

Cómo vincular a páginas web externas (aplicaciones de la Tienda Windows con JavaScript y HTML)

Obtén información sobre cómo vincular a páginas web externas y mostrarlas en la aplicación.

Requisitos previos

Instrucciones

Vinculación a una página web externa

Para vincular a una página web externa, tan solo agrega un hipervínculo en HTML. Este ejemplo crea un vínculo a www.bing.com. Cuando hagas clic en el vínculo, este se abrirá en el explorador web (no en la aplicación).



<p><a href="http://www.bing.com">Search the web</a></p>

Visualización de una página web externa en la aplicación

Tu aplicación de la Tienda Windows con JavaScript puede mostrar una página externa en un iframe, pero no puedes navegar de tu página de nivel superior a una página web externa.

Hh780594.wedge(es-ar,WIN.10).gifPara visualizar una página web externa en la aplicación

  1. Crea un iframe para visualizar la página web. Establece el atributo name del elemento iframe.
    
    
    <iframe name="targetFrame">
    </iframe>
    
    
  2. Crea un vínculo al sitio web externo. Establece su atributo target como el nombre del iframe que creaste en el paso anterior.
    
    
    <p><a href="http://www.bing.com" target="targetFrame" >Search the web</a></p>
    
    <iframe name="targetFrame">
    </iframe>
    
    

    Cuando ejecutes la aplicación y hagas clic en el vínculo, este se abrirá dentro de tu aplicación. La página se ejecuta en el contexto web y tiene un acceso más limitado al sistema si la comparamos con páginas incluidas en el paquete de la aplicación.

    Cuando muestras una página web externa en iframe, es conveniente proporcionar una página de error personalizada ante un eventual problema con la página. Para obtener un ejemplo de cómo hacer esto, consulta la muestra de esquemas de dirección URL, control de errores de navegación y XHR.

    Nota  Por motivos de rendimiento, las aplicaciones de la Tienda Windows pueden almacenará en caché contenido remoto indefinidamente. Como resultado, es posible que la aplicación no muestre actualizaciones recientes de scripts o CSS. Al desinstalar y volver a instalar la aplicación, se borra la memoria caché. Otras soluciones son incluir un parámetro aleatorio en la cadena de consulta o configurar el servidor web para que no almacene en caché. Para obtener más información, consulta Cómo prevenir el almacenamiento en caché en Internet Explorer.

Acerca de los contextos web y local

Las páginas que incluyas en la aplicación en sí se suelen ejecutar en el contexto local de la aplicación. Cuando uses un iframe para navegar a una página remota, la página se ejecuta en el contexto web y tiene acceso limitado a tu sistema.

Los scripts y las páginas del contexto local tienen acceso a características distintas que los scripts y las páginas del contexto web. Por ejemplo, pueden tener acceso a Windows en tiempo de ejecución y realizar solicitudes XHR entre dominios. Tanto las páginas de contexto local como las de contexto web pueden tener acceso a la biblioteca de Windows para JavaScript.

Si quieres obtener más información acerca de las distintas características disponibles para páginas de contexto web y contexto local, consulta el tema sobre características y restricciones por contexto.

Puedes usar la sección ApplicationContentUriRules del manifiesto del paquete de la aplicación para que una página en el contexto web tenga acceso a los dispositivos de ubicación geográfica del sistema (si tu aplicación tiene permiso para acceder a esta funcionalidad) y al Portapapeles.

Hh780594.wedge(es-ar,WIN.10).gifPara dar acceso adicional a una página del contexto web

  1. Para dar un mayor acceso a una página en el contexto web, crea una regla URI de contenido. En Microsoft Visual Studio Express 2012 for Windows 8, haz clic con el botón secundario en el archivo package.appxmanifest de la aplicación y selecciona Diseñador de vistas. Aparece el diseñador de manifiestos.
  2. En la columna URI, especifica el URI de la página web que quieres incluir.

    Hay varias formas de especificar una coincidencia de URI:

    • Puedes especificar un nombre de host exacto
    • Puedes especificar un nombre de host para el que se incluya o excluya un URI con un subdominio cualquiera de ese nombre de host
    • Puedes especificar un URI exacto
    • Puedes especificar un URI exacto que pueda contener una propiedad de consulta
    • Puedes especificar una ruta de acceso parcial y usar un comodín para indicar una extensión de archivo concreta para una regla de inclusión.
    • Puedes usar rutas de acceso relativas para reglas de exclusión, pero no para reglas de inclusión.

    Para este ejemplo, establece el URI en http://www.bing.com/*.

  3. El cuadro desplegable Regla te permite especificar si el URI debe o no incluirse. Establécelo en incluir.
  4. Haz clic en Agregar nuevo URI para agregar la regla. En segundo plano, el diseñador agrega un nuevo elemento Rule a la sección ApplicationContentUriRules del archivo de manifiesto del paquete.
    
          <ApplicationContentUriRules>
            <Rule Match="http://www.bing.com/*" Type="include" />
          </ApplicationContentUriRules>
    
    
    

Navegación entre páginas de contexto web y local

No puedes navegar hacia atrás desde una página del contexto web hasta una página del contexto local, a menos que llames a MSApp.addPublicLocalApplicationUri desde una página de contexto local y le pases el URI de la página a la que quieras que las páginas de contexto web naveguen. Por ejemplo, si quieres que una página de contexto web pueda navegar a una página de tu aplicación llamada "page2.html", usa el siguiente código:


MSApp.addPublicLocalApplicationUri("page2.html");

Las páginas de contexto web ahora pueden navegar a page2.html. Debes llamar a este método una vez para cada página de contexto local que desees habilitar para la navegación desde páginas de contexto web.

Advertencia   Si tienes una página que acepta parámetros de consulta y permites la navegación desde cualquier sitio de la Web, la página web externa podría pasar parámetros de consulta malintencionados.

Temas relacionados

Características y restricciones por contexto

 

 

Mostrar:
© 2018 Microsoft