Chrome: własna aplikacja skrótem do dowolnej strony

LukasnSkomentuj
Chrome: własna aplikacja skrótem do dowolnej strony

Na samym początku tworzymy folder (w dowolnym miejscu), nazwa folderu jest bez znaczenia. W naszym przypadku będzie to Instalki.pl. Otwieramy nasz edytor tekstu, np. Notepad++, wklejamy poniższy kod (który oczywiście należy uzupełnić).

{
  "name": "Nazwa strony",
  "description": "Opis (maksymalnie 132 znaki)",
  "version": "0.0.0.1",
  "manifest_version": 2,
  "icons": {
    "128": "icon_128.png"
  },
  "app": {
    "urls": [
      "http://adres-strony.pl/"
    ],
    "launch": {
      "web_url": "http://adres-strony.pl/"
    }
  }
}

W naszym przypadku powyższy kod uzupełnimy następująco:

{
  "name": "Instalki.pl",
  "description": "Instalki.pl - portal technologiczny",
  "version": "0.0.0.1",
  "manifest_version": 2,
  "icons": {
    "128": "icon_128.png"
  },
  "app": {
    "urls": [
      "http://instalki.pl/"
    ],
    "launch": {
      "web_url": "http://instalki.pl/"
    }
  }
}

Następnie wybieramy opcję Zapisz jako w naszym edytorze (najczęściej Plik > Zapisz jako) i przechodzimy do stworzonego wcześniej katalogu. Jako nazwę podajemy manifest.json i zapisujemy nasz plik.

Tworzenie aplikacji Chrome


Teraz kolej na przygotowanie grafiki. Możemy wykorzystać jakiś gotowy obrazek lub stworzyć własny w wybranym przez nas edytorze grafiki. Musi mieć ona wymiary 128 pikseli na 128 pikseli. Naszą grafikę zapisujemy w formacie PNG w tym samym folderze co wcześniej, a jako nazwę podajemy icon_128.png

 

Uruchamiamy przeglądarkę Chrome, klikamy na przycisk Ustawienia Google Chrome (przy poziome kreski). Następnie wybieramy Narzędzia i później Rozszerzenia. Zaznaczamy pole Tryb programisty.

Google Chrome

 

Klikamy na przycisk Wczytaj rozszerzenie bez pakietu.

new app_chrome3

 

Wskazujemy stworzony wcześniej folder i klikamy OK.

new app_chrome4

 

Gotowe, na nowej karcie zobaczymy ikonkę do wybranego przez nas serwisu. Możemy dodać kilka aplikacji tego typu (dla różnych stron), wystarczy tylko kilkakrotnie powtórzyć całą operację.

new app_chrome5

Udostępnij

Lukasn