Własne Rozszerzenie do Google Chrome

rysownik2 · 21 Czerwca 2014

Witam. Jest to mój pierwszy turtorial na tym forum tak samo jak i w tym dziale.

Chciałbym opisać jak zrobić proste Rozszerzenie do Google Chrome. Będę opisywał wszystko w punktach a więc Zaczynajmy !!!

1.Tworzymy folder o dowolnej nazwie.

2.Otwieramy stworzony folder a następnie tworzymy w nim plik o dowolnej nazwie i formacie html.

3.Otwieramy wcześniej stworzony plik html.

4.Przykład kodu który możecie użyć:

<html>
 <head>
  <title>Mapa</title>
 </head>
 <body>
  Jakiś przykładowy TEXT
  Obrazek:<br>
  <img src="http://www.google.pl/logos/doodles/2014/world-cup-2014-20-4921531587100672-hp.gif">
</body>
</html>

5.Zapisujemy plik.

6.Otwieramy dowolny edytor graficzny i tworzymy plik o dowolnej nazwie , formacie png i wymiarach 19x19.

7.Tworzymy dowolny obrazek i zapisujemy go.

8.Tworzymy plik o nazwie manifest.json .

9.Otwieramy go.

10.Oto przykładowy kod manifest.json.

{
  "manifest_version": 2,
  "name": "Tu wpisujemy nazwę wyświetlaną po najechaniu na ikonę",
  "version": "1.0",


  
  "browser_action": {
    "default_popup": "Nazwa pliku z punktu 3 (nazwa.html)",
    "default_icon": "Nazwa obrazka z punktu 6 (nazwa.png)"
  }}

11.Zapisujemy wszystko w naszym folderze i otwieramy naszą przeglądarkę Google Chrome.

12.Otwieramy opcje wybieramy ustawienia a następnie Rozszerzenia.

13.W prawym górnym rogu wybieramy "Tryb Programisty".

14.Wybieramy "Wczytaj rozszerzenie bez pakietu..."

15.Wybieramy nasz stworzony folder z punktu 1.

16.Cieszymy się z Rozszerzenia !

Dziękuje za uwagę podczas oglądania poradnika. Zapraszam do Lajkowania

Zaloguj się

👋 Witaj na MPCForum!

Własne Rozszerzenie do Google Chrome

Rekomendowane odpowiedzi

rysownik2

rysownik2

Zarchiwizowany