Definición de accesos directos de la aplicación

Los accesos directos de la aplicación permiten a los usuarios realizar tareas comunes de forma más rápida y sencilla y pueden aumentar su interacción con una aplicación.

En los dispositivos móviles, normalmente se puede acceder a los accesos directos presionando un icono de aplicación durante mucho tiempo. En Windows, los accesos directos se integran como jumplists. Las listas de saltos definen menús emergentes que aparecen al hacer clic con el botón derecho en un icono en el menú Inicio o al hacer clic con el botón derecho en un icono de la barra de tareas.

En la ilustración siguiente se muestran los accesos directos en Microsoft Edge, en iOS:

En la ilustración siguiente se muestra una lista de saltos en la aplicación Webboard, en Windows:

Las aplicaciones web progresivas (PWA) también pueden definir tareas comunes como accesos directos en el manifiesto de aplicación web. Consulte Uso de accesos directos para proporcionar acceso rápido a las características en Uso de un manifiesto de aplicación web para integrar un PWA en el sistema operativo.

Definición de accesos directos

La definición de accesos directos se realiza mediante el miembro del shortcuts manifiesto. Este miembro es una matriz que puede contener varios accesos directos. Cada acceso directo es básicamente una dirección URL que se solicita cuando se usa el acceso directo y se inicia la aplicación.

{
    "shortcuts" : [
        {
            "name": "Today's agenda",
            "url": "/today",
            "description": "List of events planned for today"
        },
        {
            "name": "New event",
            "url": "/create/event"
        },
        {
            "name": "New reminder",
            "url": "/create/reminder"
        }
    ]
}

Se pueden usar las siguientes propiedades:

Propiedad	Detalles
name	Cadena que se muestra al usuario en Jumplists o en el menú contextual.
short_name	Cadena que se muestra cuando no hay suficiente espacio para mostrar el nombre completo del acceso directo.
description	Cadena que describe el propósito del acceso directo. La tecnología de asistencia puede acceder a la cadena.
url	URI de la aplicación web que se abre cuando se activa el acceso directo.
icons	Conjunto de iconos que representa el acceso directo.

Para más información, consulte accesos directos en MDN.

Métodos abreviados de depuración

Puede probar que los accesos directos están configurados correctamente mediante el panel Aplicación de DevTools.

Para probar que los accesos directos están configurados correctamente:

1. En Microsoft Edge, vaya a la aplicación.

2. Para abrir DevTools, haga clic con el botón derecho en la página web y, a continuación, seleccione Inspeccionar. O bien, presione Ctrl+Mayús+I (Windows, Linux) o Comando+Opción+I (macOS). Se abre DevTools.

3. En DevTools, en la barra de herramientas principal, seleccione la pestaña Aplicación . Si esa pestaña no está visible, haga clic en el botón Más pestañas () o, de lo contrario, en el botón Más herramientas ().

4. En la herramienta Aplicación , seleccione Manifiesto.

5. Desplácese hacia abajo para mostrar la lista de accesos directos.

   

Para obtener más información sobre el uso del panel Aplicación para depurar PPA, consulte Depuración de aplicaciones web progresivas (PWA).

Vea también

• Use accesos directos para proporcionar acceso rápido a las características de Uso de un manifiesto de aplicación web para integrar un PWA en el sistema operativo.