如何在启动器上放置Web应用程序?

有时我会看到屏幕截图的图片与人们在他们的启动器上有Web应用程序和漂亮的图标,我该如何设置它?

Ubuntu内置了这个function,请参阅:

  • 如何使用Ubuntu的Web应用程序集成?

您还可以使用更传统的webapp集成方法:

因为如果你使用一堆webapps这些可能很费时间我创建了一个“Web应用程序”文件夹,我保留这些文件夹,因为我还需要一个地方来保存图标。 我将此文件夹与Ubuntu One同步,以便在重新安装或新计算机上,我的应用程序都准备好使用高分辨率图标。

在铬浏览器中 安装chrome-browser 或谷歌浏览器,您可以通过转到您想要在应用程序中的网站来完成此操作。 单击扳手图标并选择,工具 – >创建应用程序快捷方式:

在此处输入图像描述

然后选择桌面以在桌面上创建快捷方式:

在此处输入图像描述

您还可以在创建应用程序快捷方式中选择“应用程序菜单”,这将把它放在Dash中,这很方便,因此您可以使用搜索function启动快捷方式,但是大多数网站的网站都不能很好地扩展所以他们看起来很难看 所以我这样做是为了使应用程序更好:

然后将其移动到此“Web应用程序”文件夹或您想要保留的位置:

在此处输入图像描述

下载一个好看的图标的时髦版本。 我推荐Flickr上的Fluid组 。 将图标下载到该文件夹​​,然后右键单击快捷方式并选择属性:

在此处输入图像描述

将更好的图标拖放到快捷方式的图标框上,用新的图标替换低分辨率图标:

在此处输入图像描述

将新的光滑图标拖放到Launcher上以获得最终效果:

把它放在你的发射器上

最后的效果:

Gmail和Seesmic充满了他们的荣耀

您创建一个启动器图标(表示.desktop文件),其中显示Exec=firefox www.askubuntu.com并将其拖动到启动器。 首先创建一个空文件并粘贴以下内容:

 [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 

然后将epmty文件重命名为somename.desktop,在这种情况下,“ askubuntu.desktop ”将是一个合适的名称。 现在用鼠标把它抓到你的发射器上,你很好。

这不是必需的,但在将其拖动到启动器之前,您可以right-click on it, go to Properties->Permissions->Allow executing file as program以便启动器的图标变得可见!

如果删除* .desktop文件,图标将从启动器中消失。 存储这些文件的通常位置是〜/ .local / share / applications /。

目前有两种首选方法可以做到这一点。 在Ubuntu 12.04中,您可以通过从PPA安装官方Ubuntu Webapps来预览(默认情况下为12.10)

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

这仅适用于受支持的网站 (目前约为40个 )。 当您使用Firefox访问该站点时,系统会询问您是否要将其集成到Ubuntu中。

另一种方式是使用Fogger ,Ubuntu App Showdown的银奖得主 。 只需安装喷雾器 安装喷雾器 从软件中心打包。

这两个选项都比Firefox Prism和Chrome的常规站点特定浏览(ssb)function更好,因为它们允许与Ubuntu完全集成。 这包括启动器菜单,HUD,指示器和通知。

如果您使用最新版本的Chromium(> 11.0.696.57),现在可以与Unity配合使用。 从Chromium中创建应用程序shorcut,然后将其拖到Unity栏上。 这适用于11.04

我认为为每个应用程序制作不同的Chromium配置文件是一种很好的做法。 您的应用程序运行得更快,因为默认配置文件中安装的扩展程序未运行。 此外,您可以安装特定于您的应用的扩展程序,这些扩展程序不会在默认的铬实例中运行。

如果您想使用其他个人资料运行应用,请执行以下操作:

  1. 制作新的个人资料目录:

     mkdir ~/.config/NAME_OF_APP 
  2. 右键单击桌面上应用程序的快捷方式

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

命令并关闭。


如果这不起作用,请执行以下操作:

  1. 制作新的个人资料目录:

     mkdir ~/.config/NAME_OF_APP 
  2. 右键单击桌面上应用程序的快捷方式

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

命令并关闭。

我同意@ con-f-use一个.desktop文件是要走的路,但我建议使用专为此目的而设计的webapp-container ,而不是Firefox。 这是我的例子,来自Ubuntu SDK Web App项目 :

 [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 

要创建快捷方式,只需在桌面文件夹中创建一个名为WorkFlowy.desktop的可执行文件,然后粘贴这些内容。

渐进式网络应用程序(PWA)

如果你有PWA就容易多了。 我在这里找到的一种方法是例如:

  1. 安装: npm install -g pwaify
  2. 使用电子生成二进制文件: pwaify https://voice-memos.appspot.com/ --platforms=linux ,或者您的PWA URL。
  3. 转到子文件夹并运行该应用程序。

而已。