• Najnowsze pytania
  • Bez odpowiedzi
  • Zadaj pytanie
  • Kategorie
  • Tagi
  • Zdobyte punkty
  • Ekipa ninja
  • IRC
  • FAQ
  • Regulamin
  • Książki warte uwagi

Wtyczka do chrome a DOM

Hosting forpsi easy 1 pln
0 głosów
104 wizyt
pytanie zadane 24 września 2018 w JavaScript przez antypop Mądrala (5,720 p.)

Witam, 

napisałem znajomemu prostą funkcję : 
 

function rep(klucz,klucz2) { 
	var tab = document.getElementsByClassName('namevalue');
	for (var x = 0; x < tab.length; x++) { 
		tab[x].innerText = tab[x].innerText.replace(klucz,klucz2);
}
console.log('check');
}

Jak widać nic zaawansowanego. Chciałbym teraz w ramach rozwijania umiejętności zrobić z tego wtyczkę do Google Chrome :) dwa pola tekstowe wstawiające klucz i klucz2 do funkcji. 

Moje pytanie, gdzie znajdę jakieś w miarę sensowne objaśnienie jak wypełnić manifest.json żeby kod zawarty w wtyczce wykonywał się na aktywnej karcie? :) 

Tak wiem, dokuemntacja googla jest ale jak dla mnie jest strasznie "pokrętna" i niezrozumiała (oby chwilowo :) )

Z góry dziękuję za pomoc.

Pozdrawiam 

1 odpowiedź

+1 głos
odpowiedź 24 września 2018 przez adrian17 Ekspert (337,860 p.)
wybrane 8 października 2018 przez antypop
 
Najlepsza

Moje pytanie, gdzie znajdę jakieś w miarę sensowne objaśnienie jak wypełnić manifest.json żeby kod zawarty w wtyczce wykonywał się na aktywnej karcie? :) 

Sama funkcja się sama nie wywoła - potrzebujesz jakiś interfejs, który poprosi usera o wartości klucz i klucz2.

Widzę trzy możliwości:

- dynamiczne dodanie guzika wykonującego akcję (pokaże popup z polami tekstowymi eetc) na stronę - wtedy wystarczy sam content script

- prosty guzik (z akcją-stroną z polami tekstowymi) na pasku narzędzi przeglądarki - wtedy potrzebujesz background page z kodem który odpalisz jednorazowo na stronie przez `tabs.executeScript()`

- podejście mieszane i pewnie najbardziej "ładne" technicznie - guzik (z akcją-stroną) który przekaże informację o akcji do content scriptu na stronie, który wykona samą akcję.

Pierwsze podejście jest raczej najłatwiejsze do zaimplementowania - wtedy manifest wygląda mniej więcej tak:

{
	"name": "test",
	"description": "test",
	"version": "0.1",
	"content_scripts": [
		{
			"matches": ["http://*/*", "https://*/*"],
			"js": ["skrypt.js"]
		}
	],
	"permissions": [
		// nie pamietam na 100% jaki jest minimalny zbior wymagan
		"tabs",
		"<all_urls>"
	],
}

 

Podobne pytania

0 głosów
0 odpowiedzi 114 wizyt
pytanie zadane 22 kwietnia 2018 w JavaScript przez Anoonymous Obywatel (1,560 p.)
0 głosów
1 odpowiedź 87 wizyt
pytanie zadane 24 września 2020 w JavaScript przez Bartek2210 Obywatel (1,310 p.)
0 głosów
1 odpowiedź 207 wizyt
pytanie zadane 6 stycznia 2019 w Inne języki przez bergman Obywatel (1,600 p.)

92,125 zapytań

140,785 odpowiedzi

317,804 komentarzy

61,446 pasjonatów

Advent of Code 2023

Top 15 użytkowników

  1. 1468p. - Łukasz Eckert
  2. 1444p. - Dawid128
  3. 1430p. - CC PL
  4. 1419p. - rafalszastok
  5. 1418p. - Marcin Putra
  6. 1373p. - Mikbac
  7. 1362p. - rucin93
  8. 1351p. - sefirek
  9. 1296p. - Adrian Wieprzkowicz
  10. 1267p. - Eryk Andrzejewski
  11. 1260p. - TheLukaszNs
  12. 1239p. - JarekDev
  13. 1234p. - Michal Drewniak
  14. 1188p. - Rafał Trójniak
  15. 1179p. - 13NOONE37
Szczegóły i pełne wyniki

Motyw:

Akcja Pajacyk

Pajacyk od wielu lat dożywia dzieci. Pomóż klikając w zielony brzuszek na stronie. Dziękujemy! ♡

Oto polecana książka warta uwagi.
Pełną listę książek znajdziesz tutaj.

Uwaga - w dniach od 02.12 do 08.12 trwają Mikołajki (książki drukowane mają rabat -35%, ebooki do -45%). Zaś dodatkowy, specjalny kod zniżkowy: HELMIKOLAJ-10 dla naszych Widzów zapewni Wam oszczędność -10zł dla zamówień powyżej 70zł! Warto korzystać!

Akademia Sekuraka

Akademia Sekuraka 2024 zapewnia dostęp do minimum 15 szkoleń online z bezpieczeństwa IT oraz dostęp także do materiałów z edycji Sekurak Academy z roku 2023!

Przy zakupie możecie skorzystać z kodu: pasja-akademia - użyjcie go w koszyku, a uzyskacie rabat -30% na bilety w wersji "Standard"! Więcej informacji na temat akademii 2024 znajdziecie tutaj. Dziękujemy ekipie Sekuraka za taką fajną zniżkę dla wszystkich Pasjonatów!

Akademia Sekuraka

Niedawno wystartował dodruk tej świetnej, rozchwytywanej książki (około 940 stron). Mamy dla Was kod: pasja (wpiszcie go w koszyku), dzięki któremu otrzymujemy 10% zniżki - dziękujemy zaprzyjaźnionej ekipie Sekuraka za taki bonus dla Pasjonatów! Książka to pierwszy tom z serii o ITsec, który łagodnie wprowadzi w świat bezpieczeństwa IT każdą osobę - warto, polecamy!

...