¿Cómo pongo una aplicación web en el Iniciador?

75

A veces veo imágenes de capturas de pantalla con personas con aplicaciones web e iconos agradables en su lanzador, ¿cómo puedo configurar esto?

Jorge Castro
fuente
También puede agregar el interruptor --start-maximizedpara que la ventana se abra en modo maximizado.
bateo

Respuestas:

68

Ubuntu tiene esta característica incorporada, ver:

También puede utilizar el enfoque de integración de aplicaciones web más tradicional:

Dado que esto puede llevar mucho tiempo si usa un montón de aplicaciones web, creé una carpeta de "Aplicaciones web" en la que las guardo porque también necesito un lugar para guardar el icono. Sincronizo esta carpeta con Ubuntu One para que en las reinstalaciones o en las computadoras nuevas tenga mis aplicaciones listas para usar con los íconos de alta resolución.

En el navegador de cromo Instalar el navegador de cromo o Google Chrome, puede hacerlo yendo al sitio web que desea convertir en una aplicación. Al hacer clic en el icono de la llave inglesa y seleccionar, herramientas -> Crear accesos directos a aplicaciones:

ingrese la descripción de la imagen aquí

Luego seleccione Escritorio para crear un acceso directo en su escritorio:

ingrese la descripción de la imagen aquí

También puede seleccionar "Menú de aplicaciones" en el acceso directo de creación de aplicaciones, esto lo colocará en el Tablero para usted, lo cual es útil para que pueda usar la función de búsqueda para iniciar el acceso directo, sin embargo, la mayoría de los favicons del sitio web no se escalan muy bien entonces se ven feos. Entonces, en cambio, hago esto para mejorar la aplicación:

Luego muévalo a esta carpeta de "Aplicaciones Web" o donde quiera guardarlo:

ingrese la descripción de la imagen aquí

Descargue una versión elegante del icono que se ve bien. Recomiendo el grupo Fluid en Flickr . Descargue el icono en la carpeta y luego haga clic derecho en el acceso directo y seleccione propiedades:

ingrese la descripción de la imagen aquí

Arrastre y suelte el icono más agradable en el cuadro de iconos del acceso directo, reemplazando el icono de baja resolución por el nuevo:

ingrese la descripción de la imagen aquí

Arrastre y suelte el nuevo icono de la derecha en el Iniciador para obtener el efecto final:

Déjalo en tu lanzador

Y el efecto final:

Gmail y Seesmic en todo su esplendor

Jorge Castro
fuente
1
Agregar un applet como lo describiste funciona de maravilla. Sin embargo, al abrirlo haciendo clic en el símbolo de la barra lateral, aparece otro símbolo (de nuevo feo). ¿Es esto un error o me falta algo aquí?
FuzzyQ
Tengo el mismo comportamiento.
sup
17

Crea un icono de iniciador (que significa un .desktoparchivo) que dice Exec=firefox www.askubuntu.comy lo arrastra al iniciador. Así que primero crea un archivo vacío y pega el siguiente contenido:

[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

Luego cambie el nombre del archivo epmty a somename.desktop" askubuntu.desktop" en este caso sería un nombre apropiado. Ahora usa el mouse para agarrarlo a tu lanzador y estarás bien.

¡Esto no es necesario, pero antes de arrastrarlo al iniciador, puede right-click on it, go to Properties->Permissions->Allow executing file as programhacerlo para que el icono del iniciador se vuelva visible!

Si elimina el archivo * .desktop, el icono desaparecerá de su lanzador. El lugar habitual para almacenar estos archivos es ~ / .local / share / aplicaciones /.

confundir
fuente
2
Mejore su respuesta diciéndole cómo crear un iniciador o un enlace a la respuesta correspondiente y explique cómo hacerlo.
hytromo
La aplicación @ con-f-use funciona perfectamente pero cuando se abre, el ícono no se muestra en el iniciador
daisy
9

Actualmente hay dos formas preferidas de hacer esto. En Ubuntu 12.04, puede usar la vista previa de las Webapps oficiales de Ubuntu instalándolo desde un PPA (viene por defecto con 12.10)

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

Esto solo funciona para sitios web compatibles (actualmente unos 40 ). Cuando visite el sitio con Firefox, se le preguntará si desea integrarlo en Ubuntu.

La otra forma es usar Fogger , el ganador del premio de plata de Ubuntu App Showdown. Simplemente instale el paquete de nebulizadorInstalar nebulizador desde el centro de software.

Ambas opciones son mejores que las características regulares de navegación específica del sitio (ssb) de Firefox Prism y Chrome, ya que permiten una integración completa con Ubuntu. Esto incluye el menú de inicio, el HUD, indicadores y notificaciones.

mniess
fuente
1
nebulizador ya no parece estar cerca, ¿hay un reemplazo?
Josef Engelfrost
2

Si usa la última versión de Chromium (> 11.0.696.57), esto ahora funciona con Unity. Crea el shorcut de la aplicación desde Chromium y arrástralo a la barra de Unity. Esto funciona en 11.04

asi269
fuente
Esto parece estar roto en Chrome versión 14 y superior. Las aplicaciones web ahora se agrupan nuevamente en Chrome, en lugar de los iconos individuales.
Adam
2

Creo que es una buena práctica crear un perfil de Chromium diferente para cada aplicación. Sus aplicaciones se ejecutarán más rápido porque las extensiones instaladas en el perfil predeterminado no se ejecutan. Además, puede instalar extensiones específicas para su aplicación que no se ejecutarán en sus instancias de cromo predeterminadas.

Si desea ejecutar sus aplicaciones con un perfil diferente, haga lo siguiente:

  1. Crea un nuevo directorio de perfil:

    mkdir ~/.config/NAME_OF_APP
    
  2. Haga clic derecho en el acceso directo a su aplicación en su escritorio

  3. Añadir

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

al mando y cierre.


Si esto no funciona, haga lo siguiente:

  1. Crea un nuevo directorio de perfil:

    mkdir ~/.config/NAME_OF_APP
    
  2. Haga clic derecho en el acceso directo a su aplicación en su escritorio

  3. Añadir

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

al mando y cierre.

Robert Buzink
fuente
1
Esto ya no es necesario. Chrome abre cada aplicación en su propia ventana (y Chromium también).
MarkovCh1
2

Estoy de acuerdo con @ con-f-use en que un archivo .desktop es el camino a seguir, pero sugeriría usar webapp-container, que está diseñado para este propósito, en lugar de Firefox. Aquí está mi ejemplo, extraído de un proyecto de aplicación web 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

Para crear el acceso directo, simplemente cree un archivo ejecutable en la carpeta de su escritorio llamado algo así WorkFlowy.desktopy pegue estos contenidos.

Braden Anderson
fuente
1
este me ayuda mucho
Arul
2

Aplicaciones web progresivas (PWA)

Si tienes un PWA es mucho más fácil. Una forma que encontré aquí es, por ejemplo:

  1. Instalar PWAify :npm install -g pwaify
  2. Genere binarios con electron :, pwaify https://voice-memos.appspot.com/ --platforms=linuxo sea cual sea su URL PWA.
  3. Vaya a la subcarpeta y ejecute la aplicación.

Eso es.

Pablo A
fuente