Definición de accesos directos de la aplicación (menús de pulsación larga o clic con el botón derecho)

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.

Accesos directos en Microsoft Edge, en iOS:

Una lista de saltos (menú contextual) en la aplicación Webboard, en Windows:

Las Web Apps progresivas (PPA) también pueden definir tareas comunes como accesos directos en el manifiesto de la aplicación web. Consulte Exponer acciones comunes de aplicaciones como accesos directos en Referencias > de MDN > Aplicaciones > web progresivas Procedimiento.

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 PWA, consulte Depuración de una aplicación web progresiva (PWA).

Recursos adicionales

• Exponga las acciones comunes de la aplicación como accesos directos en las aplicaciones > web progresivas referencias > de MDN > Cómo hacerlo.