Comment puis-je mettre une application Web sur le lanceur?


75

Parfois, je vois des images de captures d'écran avec des personnes avec des applications Web et de jolies icônes sur leur lanceur. Comment puis-je configurer cela?


Vous pouvez également ajouter le commutateur --start-maximizedpour que la fenêtre s'ouvre en mode maximisé.
Batte

Réponses:


68

Ubuntu a cette fonctionnalité intégrée, voir:

Vous pouvez également utiliser l'approche d'intégration Webapp plus traditionnelle:

Comme ils peuvent prendre beaucoup de temps si vous utilisez plusieurs applications Web, j'ai créé un dossier "Applications Web" dans lequel je les conserve, car il me faut également un emplacement pour y placer l'icône. Je synchronise ce dossier avec Ubuntu One afin que, lors de la réinstallation ou de nouveaux ordinateurs, mes applications soient prêtes à l'emploi avec les icônes haute résolution.

Dans Chrome Navigateur Installer le navigateur chrome ou Google Chrome, vous pouvez le faire en accédant au site Web que vous souhaitez transformer en application. En cliquant sur l'icône de la clé à molette et sélectionnez Outils -> Créer des raccourcis d'applications:

entrez la description de l'image ici

Ensuite, sélectionnez Bureau pour créer un raccourci sur votre bureau:

entrez la description de l'image ici

Vous pouvez également sélectionner "Menu Applications" dans le raccourci Créer une application, cela le mettra dans le tableau de bord pour vous, ce qui est pratique pour vous permettre d'utiliser la fonction de recherche pour lancer le raccourci, mais la plupart des favicons des sites Web ne s'adaptent pas très bien. alors ils ont l'air moche. Donc, au lieu de cela, je fais ceci pour améliorer l'application:

Puis déplacez-le dans ce dossier "Applications Web" ou à tout autre endroit où vous souhaitez le conserver:

entrez la description de l'image ici

Téléchargez une version élégante de l'icône qui est belle. Je recommande le groupe Fluid sur Flickr . Téléchargez l'icône dans le dossier, cliquez avec le bouton droit de la souris sur le raccourci et sélectionnez Propriétés:

entrez la description de l'image ici

Faites glisser et déposez l'icône plus agréable dans la zone d'icônes du raccourci, remplaçant l'icône basse résolution par la nouvelle:

entrez la description de l'image ici

Glissez et déposez la nouvelle icône de slick directement sur le lanceur pour l'effet final:

Déposez-le sur votre lanceur

Et l'effet final:

Gmail et Seesmic dans toute leur gloire


1
Ajouter un applet comme vous l'avez décrit fonctionne à merveille. Cependant, en l'ouvrant en cliquant sur le symbole de la barre latérale, un autre symbole (encore une fois laid) apparaît. Est-ce un bug ou est-ce que je manque quelque chose ici?
FuzzyQ

J'ai le même comportement.
Sup

17

Vous créez une icône de lanceur (signifiant un .desktopfichier) qui dit Exec=firefox www.askubuntu.comet faites-la glisser vers le lanceur. Donc, commencez par créer un fichier vide et collez le contenu suivant:

[Desktop Entry]
Name=Ask Ubuntu
Comment=Open Ask Ubuntu in firefox
Exec=firefox www.askubuntu.com
Icon=network
Terminal=false
Type=Application
StartupNotify=true
Categories=GNOME;
OnlyShowIn=GNOME;Unity;
X-GNOME-Keywords=Network;AskUbuntu;
Name[en_US]=AskUbuntu

Ensuite, renommez le fichier epmty somename.desktopen " askubuntu.desktop" serait un nom approprié. Maintenant, utilisez la souris pour le graver sur votre lanceur et vous êtes bon.

Ce n'est pas nécessaire mais avant de le faire glisser vers le lanceur, vous pouvez le right-click on it, go to Properties->Permissions->Allow executing file as programfaire pour que l'icône du lanceur soit visible!

Si vous supprimez le fichier * .desktop, l’icône disparaîtra de votre lanceur. L'emplacement habituel pour stocker ces fichiers est ~ / .local / share / applications /.


2
S'il vous plaît améliorer votre réponse en indiquant comment créer un lanceur ou un lien vers une réponse correspondante, expliquez comment faire.
Hytromo

@ l'application con-f-use fonctionne parfaitement, mais son icône n'apparaît pas dans le programme de lancement
daisy

9

Actuellement, il existe deux manières préférées de le faire. Dans Ubuntu 12.04, vous pouvez utiliser l’aperçu des applications Web officielles Ubuntu en l’installant à partir d’un PPA (fourni par défaut avec 12.10).

sudo add-apt-repository ppa:webapps/preview
sudo apt-get update && sudo apt-get install unity-webapps-preview

Cela ne fonctionne que pour les sites Web pris en charge (actuellement environ 40 ). Lorsque vous visitez le site avec Firefox, il vous sera demandé si vous souhaitez l'intégrer à Ubuntu.

L'autre solution consiste à utiliser Fogger , le lauréat du prix Ubuntu App Showdown. Installez simplement le paquet fogger àInstaller brumisateur partir du centre logiciel.

Les deux options sont meilleures que les fonctionnalités habituelles de Firefox Prism et Chrome relatives à la navigation spécifique au site (ssb), car elles permettent une intégration complète avec Ubuntu. Cela comprend le menu de lancement, le HUD, les indicateurs et les notifications.


1
le brumisateur ne semble plus être présent, existe-t-il un remplaçant?
Josef Engelfrost

2

Si vous utilisez la dernière version de Chromium (> 11.0.696.57), cela fonctionne désormais avec Unity. Créez l’application à partir de Chrome, puis faites-la glisser vers la barre Unity. Cela fonctionne sur 11.04


cela semble être cassé dans les versions 14 et supérieures de Chrome. Les applications Web sont désormais toutes regroupées sous Chrome, plutôt que par les icônes individuelles.
Adam

2

Je pense que c'est une bonne pratique de créer un profil Chromium différent pour chaque application. Vos applications s'exécuteront plus rapidement car les extensions installées dans le profil par défaut ne sont pas exécutées. Vous pouvez également installer des extensions spécifiques à votre application qui ne s'exécutent pas dans vos instances de chrome par défaut.

Si vous souhaitez exécuter vos applications avec un profil différent, procédez comme suit:

  1. Créez un nouveau répertoire de profil:

    mkdir ~/.config/NAME_OF_APP
    
  2. Cliquez avec le bouton droit sur le raccourci vers votre application sur votre bureau.

  3. Ajouter

    --user-data-dir=~/.config/NAME_OF_APP
    

à la commande et à proximité.


Si cela ne fonctionne pas, procédez comme suit:

  1. Créez un nouveau répertoire de profil:

    mkdir ~/.config/NAME_OF_APP
    
  2. Cliquez avec le bouton droit sur le raccourci vers votre application sur votre bureau.

  3. Ajouter

    --user-data-dir=--user-data-dir=~/.config/NAME_OF_APP
    

à la commande et à proximité.


1
Ce n'est plus nécessaire. Chrome ouvre chaque application dans sa propre fenêtre (et Chromium également).
MarkovCh1

2

Je suis d'accord avec @ con-f-use pour dire qu'un fichier .desktop est la voie à suivre, mais je suggérerais d'utiliser webapp-container, qui est conçu à cet effet, plutôt que Firefox. Voici mon exemple, tiré d'un projet Web App Ubuntu SDK :

[Desktop Entry]
Comment[en_US]=webapp for WorkFlowy
Comment=webapp for WorkFlowy
Exec=webapp-container --store-session-cookies --webappUrlPatterns=https?://workflowy.com/* http://workflowy.com %u
GenericName[en_US]=
GenericName=
Icon=/home/CORP.INSTRUCTURE.COM/banderson/Pictures/WorkFlowy.png
MimeType=
Name=WorkFlowy
Path=
StartupNotify=true
Terminal=false
TerminalOptions=
Type=Application
X-DBUS-ServiceName=
X-DBUS-StartupType=
X-KDE-SubstituteUID=false
X-KDE-Username=
X-Ubuntu-Touch=true

Pour créer le raccourci, créez simplement un fichier exécutable dans le dossier de votre bureau nommé quelque chose comme WorkFlowy.desktopet collez-le dans ce contenu.


1
celui-ci m'aide beaucoup
Arul

2

Applications Web progressives (PWA)

Si vous avez un PWA, c'est beaucoup plus facile. Une façon que j'ai trouvée ici est par exemple:

  1. Installez PWAify :npm install -g pwaify
  2. Générer les binaires avec électronique : pwaify https://voice-memos.appspot.com/ --platforms=linux, ou quel que soit votre URL PWA est.
  3. Allez dans le sous-dossier et lancez l'application.

C'est ça.

En utilisant notre site, vous reconnaissez avoir lu et compris notre politique liée aux cookies et notre politique de confidentialité.
Licensed under cc by-sa 3.0 with attribution required.