J'ai également rencontré ce problème (en essayant de créer un raccourci d'application vers le deuxième compte Google Calendar) et je l'ai résolu en créant un manifeste d'application Web avant de créer le raccourci d'application :
- Copiez le JavaScript ci-dessous
- Sur la page de Google Agenda, ouvrez les Devtools de Chrome (cliquez avec le bouton droit de la souris n'importe où sur la page et sélectionnez "Inspecter").
- Allez dans l'onglet Console et collez le JavaScript copié.
- Modifiez l'URL si nécessaire en fonction de l'URL pour laquelle vous essayez de créer une application.
-
Appuyez sur la touche retour pour exécuter le JavaScript
const startUrl = 'https://calendar.google.com/calendar/u/1/r';
document.head
.querySelector(':first-child')
.insertAdjacentHTML(
'beforebegin',
<link rel="manifest" href='data:application/manifest+json,{"start_url":"${startUrl}"}' />,
);
Cela ajoutera un Manifeste de l'application Web pour ce site web qui sera utilisé lors de la création de l'application.
Une fois que vous avez fait cela, vous pouvez créer l'application de bureau comme d'habitude :
- Cliquez sur le menu à trois points > Autres outils > Créer un raccourci
- Cochez "Ouvrir comme fenêtre" et sélectionnez "Créer".
Maintenant, vous devriez avoir une application de bureau séparée pour votre deuxième compte de calendrier !
Source : https://github.com/karlhorky/pwa-tricks#change-starting-url-of-pwa-in-chrome
Alternatif : Modifier un manifeste existant
Si vous essayez d'ajouter une PWA différente de celle de Google Agenda, pour laquelle la page spécifie déjà un manifeste ou définit la directive relative à la politique de sécurité du contenu, vous pouvez utiliser la directive suivante manifest-src alors la solution ci-dessus peut ne pas fonctionner, en retournant potentiellement une erreur telle que :
Refused to load manifest from 'data:application/manifest+json,...' because it violates the following Content Security Policy directive: "manifest-src 'self'".
Pour contourner ce problème, vous pouvez utiliser Remplacements locaux de Chrome pour modifier le start_url dans le manifeste de l'application Web :
-
Sur la page de l'application, ouvrez les DevTools de Chrome (cliquez avec le bouton droit de la souris n'importe où sur la page et sélectionnez "Inspecter").
-
Localisez et développez le <head> et trouver l'élément link élément avec rel="manifest" . Notez le chemin du fichier dans href .
![]()
-
Ouvrez le Sources dans l'onglet DevTools. Si vous n'avez jamais utilisé de dérogations auparavant, vous devrez les configurer :
-
Passez à la Overrides l'onglet de 2ème niveau (vous devrez peut-être le trouver dans la section » menu)
-
Si vous créez un nouveau dossier dans votre projects o Documents dossier appelé chrome-overrides
-
Cliquez sur Select folder for overrides et sélectionnez le dossier que vous avez créé
![]()
-
Confirmez toute invite en haut du navigateur demandant l'accès au dossier.
![]()
-
Rafraîchissez la page pour vous assurer que toutes les sources sont chargées. Localisez le manifeste de l'application Web correspondant au chemin d'accès au fichier que vous avez noté précédemment. Faites un clic droit et sélectionnez Save for overrides :
![]()
-
Maintenant le manifeste de l'application web est éditable ! Apportez vos modifications à start_url ou tout autre élément dont vous avez besoin, enregistrez le fichier et rechargez la page.
-
Le manifeste de l'application web mis à jour est maintenant chargé, et vous pouvez installer ou créer un raccourci vers la PWA comme d'habitude.
Source : https://github.com/karlhorky/pwa-tricks#solution-2-edit-an-existing-web-app-manifest
0 votes
J'ai vu la solution de Karl. Je me demande s'il existe une solution plus simple...