¿Cómo cambiar la URL de un acceso directo de una aplicación de Chrome?

Introducción

He utilizado el JavaScript de esta respuesta de Karl, pero me di cuenta de que la aplicación instalada usaría un favicon rudimentario, en lugar de los iconos más bonitos definidos en el manifiesto original.

He adaptado el script para actualizar el manifiesto original, en lugar de crear uno nuevo.

Edición del 11.01.2024 basada en la sugerencia y respuesta de Jason: Mantener los parámetros de búsqueda de la URL de inicio, tener en cuenta el hash de ubicación, establecer el ámbito de navegación y evitar romper los caminos absolutos de los iconos.

Personalización

Para cambiar la URL de inicio y otros detalles, podemos hacer que el navegador use nuestro propio manifiesto personalizado:

1. Abre el sitio web y ve a la URL deseada. Si no es posible, ajusta la URL en el script.
2. Abre la pestaña de consola en las herramientas para desarrolladores, en Chrome o Edge: Ctrl + Shift + I.
3. Copia el JavaScript a continuación en la consola y presiona Enter.
4. Cierra la consola y añade una aplicación, Menú > Aplicaciones > Instalar este sitio como una aplicación.

Personalizar el manifiesto original mantiene los iconos y otros detalles que no queremos cambiar.

El script

manifest = document.head.querySelector('link[rel="manifest"]');
json = await fetch(manifest.href).then(res => res.json());

url = new URL(window.location);
url.search = new URLSearchParams([...new URL(json.start_url, url).searchParams, ...url.searchParams]);

json.start_url = url.href;
json.scope = url.origin + url.pathname.substring(0, url.pathname.lastIndexOf('/') + 1);
json.icons.forEach((icon) => icon.src = new URL(icon.src, manifest.href).href);

manifest.href = 'data:application/manifest+json,' + encodeURIComponent(JSON.stringify(json));

json;

Con comentarios

// Encuentra el nodo head que enlaza con el manifiesto original.
manifest = document.head.querySelector('link[rel="manifest"]');

// Obtiene el manifiesto y lo convierte a json.
json = await fetch(manifest.href).then(res => res.json());

// Crea una nueva URL para la ubicación actual, manteniendo los parámetros de la URL de inicio original.
url = new URL(window.location);
url.search = new URLSearchParams([...new URL(json.start_url, url).searchParams, ...url.searchParams]);

// Establece la URL de inicio y el ámbito. Volverá a ser un navegador normal al navegar fuera del ámbito.
json.start_url = url.href;
json.scope = url.origin + url.pathname.substring(0, url.pathname.lastIndexOf('/') + 1);

// Convierte los caminos de iconos relativos en el manifiesto en caminos absolutos.
// Cuando el manifiesto está definido en línea, los caminos deben ser absolutos e incluir el protocolo.
json.icons.forEach((icon) => icon.src = new URL(icon.src, manifest.href).href);

// Almacena el manifiesto actualizado en línea en el nodo de enlace original.
// Debe estar codificado en URI, de lo contrario el # en los colores causaría errores de análisis.
manifest.href = 'data:application/manifest+json,' + encodeURIComponent(JSON.stringify(json));

// Muestra el manifiesto actualizado en la consola para su revisión.
json;

Intenté crear un acceso directo de la aplicación de escritorio para el calendario de Outlook de Microsoft 365 y siempre me redirigió de nuevo al componente de correo. La solución a esta pregunta no funcionó para mí, pero al ir a la pestaña de fuentes y editar manualmente el archivo de manifiesto de la URL y luego crear el acceso directo funcionó perfectamente. Solo lo estoy poniendo aquí en caso de que la otra solución no funcione, la mía podría ser útil.

La primera parte de la respuesta de Karl Horky arriba es correcta, sin embargo, parece que Google ha empezado a usar TrustedHTML en sus aplicaciones web, por lo que ya no funciona para Gmail, Google Calendar, etc.

Esta es una actualización de su respuesta que funciona en sitios de Google y no de Google.

const startUrl = 'https://calendar.google.com/calendar/u/1/r';

const escapeHTMLPolicy = trustedTypes.createPolicy("forceInner", { createHTML: (to_escape) => to_escape });
document.head
  .querySelector(':first-child')
  .insertAdjacentHTML(
    'beforebegin',
    escapeHTMLPolicy.createHTML(``),
  );

Basándose en el comentario de Paul (con la edición de agarza), esto agrega la capacidad de mantener los parámetros de consulta y el hash existentes (por ejemplo, #inbox), y solo cambia los iconos con rutas relativas.

// Encuentra el nodo head que hace referencia al manifiesto original.
manifest = document.head.querySelector('link[rel="manifest"]');

// Obtén el manifiesto y conviértelo a JSON.
json = await fetch(manifest.href).then(res => res.json());

// Crea objetos URL para la ubicación actual y la start_url del manifiesto con la ubicación actual como base de URL, luego combina los parámetros de consulta.
window_href = new URL(window.location);
start_href = new URL(json.start_url, window_href);
window_href.search = new URLSearchParams({
  ...Object.fromEntries(window_href.searchParams),
  ...Object.fromEntries(start_href.searchParams)
});

// Establece la start url en la ubicación actual con los parámetros de consulta combinados.
json.start_url = window_href.href;
json.scope = window_href.pathname;

// Convierte las rutas de iconos relativas en el manifiesto en rutas absolutas.
json.icons.forEach((icon) => icon.src = (icon.src.startsWith('http') || icon.src.startsWith('//')) ? icon.src : base + icon.src)

// Almacena el manifiesto actualizado en el nodo de enlace original.
// Debe ser codificado en URI.
manifest.href = `data:application/manifest+json,${encodeURIComponent(JSON.stringify(json))}`;

json;