Web extension API – jak stworzyć proste rozszerzenie

Jak stworzyć proste rozszerzenie przeglądarki ?
Za pomocą Web extension API możemy w prosty sposób tworzyć rozszerzenia (ang. extensios) przeglądarki internetowej.
Wystarczy zdefiniować plik manifest.json, skrypt treści (content script), opcjonalnie plik css i zamieścić je w jednym katalogu.

manifest.json
content script
style.css

Następnie przechodzimy do adresu chrome://extensions/ (dla przeglądarki chrome) gdzie możemy załadować nasze rozszerzenie ustawiając tryb developera.
Poniżej zamieszczam przykład rozszerzenia które po najechaniu na dany element html wyświetla jego nazwę i w obramowaniu pokazuje gdzie element znajduje się na stronie

Efekt końcowy działania rozszerzenia

skomentuj