5267926250_a5c285c0b5_b

Jak Napisać Extension do Google Chrome

Dość prosto. Nawet nie spodziewałem się  jak prosto :) Wystarczą 3 pliki:

  • minifest.json
  • background.html
  • script.js

Manifest jest najważniejszy. To on definiuje do czego mamy dostęp a do czego nie. W manifeście umieszczamy także informacje o samym rozszerzeniu, takie jak nazwa, opis, numer wersji. Oto przykładowy manifest:

{
  "name": "Nasz Extension",
  "description": "Opis",
  "version": "0.1",
  "permissions": ["contextMenus","tabs"],
  "background_page": "background.html"
}

permissions to lista uprawnien do których chcemy mieć dostęp. Listę uprawnień można znaleźć w API.
background_page to strona html która będzie odpalana w tle. W moim przypadku zawiera on tylko kod JS, a dokładnie link do pliku script.js

API jest dość proste. Po prostu używamy obiektu chrome i dodajemy potrzebne nam funkcje :) Np aby dodać dodatkową funkcje w context menu które pojawia się po naciśnięciu prawego przycisku myszy wystarczy:

var properties = {
    title: 'tytuł wyświetlany użytkownikowi',
    contexts: ['link'],
    onclick: function(info, tab) {
        // kod po kliknieciu
    }
};

chrome.contextMenus.create(properties);

Proste jednak jęzeli chcecie się podzielić rozszerzeniem z światem za pomocą Google Web Store to musicie przygotować ikonkę (128×128), screena, video albo pokaz slajdów oraz 5$ za rejestracje developera w Google Web Store.

Autor zdjęcia: Zack Casey

Dodaj komentarz

Twój adres e-mail nie zostanie opublikowany. Pola, których wypełnienie jest wymagane, są oznaczone symbolem *

Możesz użyć następujących tagów oraz atrybutów HTML-a: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>