ランチャーにWebアプリケーションを配置するにはどうすればよいですか?


75

時々、ランチャーにWebアプリケーションと素敵なアイコンを持っている人のスクリーンショットの写真が表示されますが、これを設定するにはどうすればよいですか?


--start-maximizedウィンドウを最大化モードで開くようにスイッチを追加することもできます。
バッテ

回答:


68

Ubuntuにはこの機能が組み込まれています。以下を参照してください。

より伝統的なwebapp統合アプローチを使用することもできます。

多数のwebappsを使用するとこれらは時間がかかる可能性があるため、アイコンを保持する場所が必要なため、これらを保持する「Webアプリケーション」フォルダーを作成しました。このフォルダーをUbuntu Oneと同期して、再インストールまたは新しいコンピューターで高解像度アイコンを使用するためのすべてのアプリケーションを準備できるようにします。

では、クロムブラウザ クロムブラウザをインストールするまたはGoogle ChromeのあなたがアプリケーションにしたいWebサイトに行くことによってこれを行うことができます。レンチアイコンをクリックして、ツール->アプリケーションショートカットの作成を選択します。

ここに画像の説明を入力してください

次に、デスクトップを選択してデスクトップにショートカットを作成します。

ここに画像の説明を入力してください

また、アプリケーションの作成ショートカットで「アプリケーションメニュー」を選択することもできます。これにより、ダッシュになります。これは、検索機能を使用してショートカットを起動するのに便利ですが、ほとんどのWebサイトのファビコンはあまりよくスケーリングしません彼らはいようです。その代わりに、アプリケーションをきれいにするためにこれを行います:

次に、この「Webアプリケーション」フォルダーに移動するか、どこにでも保管します。

ここに画像の説明を入力してください

格好良いアイコンのおしゃれなバージョンをダウンロードしてください。FlickrFluidグループをお勧めします。アイコンをフォルダにダウンロードし、ショートカットを右クリックしてプロパティを選択します。

ここに画像の説明を入力してください

より良いアイコンをショートカットのアイコンボックスにドラッグアンドドロップし、低解像度のアイコンを新しいアイコンに置き換えます。

ここに画像の説明を入力してください

最終的な効果を得るには、新しいスリックアイコンをランチャーに直接ドラッグアンドドロップします。

ランチャーにドロップします

そして最終的な効果:

GmailとSeesmicの栄光


1
説明したとおりにアプレットを追加すると、魅力のように機能します。ただし、サイドバーシンボルをクリックして開くと、別の(再び見苦しい)シンボルが表示されます。これはバグですか、ここに何かが欠けていますか?
FuzzyQ

私は同じ振る舞いをします。
sup

17

ランチャーアイコン(.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 /です。


2
ランチャーの作成方法または対応する質問へのリンクの作成方法を説明して、回答を改善してください。
-hytromo

@ con-f-useアプリケーションは完全に実行されますが、開くとランチャーにアイコンが表示されません
デイジー

9

現在、これを行うには2つの方法があります。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

これは、サポートされているWebサイトでのみ機能します(現在約40)。Firefoxでサイトにアクセスすると、Ubuntuに統合するかどうかを尋ねられます。

他の方法は、使用することです噴霧器銀賞受賞者のUbuntuのApp対決のを。ソフトウェアセンターからfoggerフォガーをインストールするパッケージをインストールするだけです。

どちらのオプションも、Ubuntuと完全に統合できるため、Firefox PrismおよびChromeの通常のサイト固有のブラウズ(ssb)機能よりも優れています。これには、ランチャーメニュー、HUD、インジケーター、通知が含まれます。


1
フォガーはもう存在しないようですが、代替品はありますか?
ヨーゼフエンゲルフロスト14

2

Chromiumの最新ビルド(> 11.0.696.57)を使用している場合、これはUnityで動作するようになりました。Chromium内からアプリのショートカットを作成し、Unityバーにドラッグします。これは11.04で動作します


これはChromeバージョン14以降で壊れているようです。Webアプリケーションは、個々のアイコンではなく、すべてChromeに再びグループ化されました。
アダム

2

アプリごとに異なるChromiumプロファイルを作成することをお勧めします。デフォルトのプロファイルにインストールされている拡張機能が実行されないため、アプリの実行が高速になります。また、デフォルトのChromeインスタンスで実行されないアプリ固有の拡張機能をインストールできます。

別のプロファイルでアプリを実行する場合は、次を実行します。

  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
    

コマンドに閉じます。


1
これはもう必要ありません。Chromeは、独自のウィンドウで各アプリを開きます(そしてChromiumも)。
MarkovCh1

2

@ con-f-useには、.desktopファイルを使用する方法があることに同意しますが、webapp-containerFirefoxではなく、この目的のために設計されたを使用することをお勧めします。以下は、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これらのコンテンツに貼り付けます。


1
これは私にとって非常に役立ちます
-Arul

2

プログレッシブWebアプリ(PWA)

PWAを使用している場合は、はるかに簡単です。私がここで見つけ 1つの方法は例えばです:

  1. PWAifyをインストールします。npm install -g pwaify
  2. バイナリを生成電子をpwaify https://voice-memos.appspot.com/ --platforms=linux、または任意のあなたのPWA URLです。
  3. サブフォルダーに移動して、アプリを実行します。

それでおしまい。

弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.