Jak utworzyć rozszerzenie Chrome

„W naszym obecnym życiu chętnie korzystamy z aplikacji w mediach społecznościowych i wyszukiwarki Google do naszych celów rozrywkowych i wyszukiwania, tj.mi., Zbadaj jakiś temat edukacyjny za pośrednictwem wyszukiwarki „Google” i uzyskaj również ogólną wiedzę. Aby użyć wyszukiwarki Google do wyszukiwania czegoś, musimy mieć już zainstalowaną przeglądarkę na naszych telefonach komórkowych, laptopach lub komputerach osobistych. Jedną z najbardziej używanych i najskuteczniejszych przeglądarek dzisiejszego stulecia jest przeglądarka „Google Chrome”, która wymyśliła wiele dobrych funkcji wraz z użytecznością rozszerzenia. „Rozszerzenie” to wtyczka znaleziona w dowolnej przeglądarce do ograniczenia lub umożliwiania stron internetowych i różnych funkcji. Te rozszerzenia zwykle nie są wbudowane; Musisz dodać każde rozszerzenie do przeglądarki osobno w dowolnym momencie. Jeśli jesteś małym ekspertem w dziedzinie technologii, możesz znać użycie manifestów plików JSON do tworzenia i dodania rozszerzenia w kilku krokach. Stąd ten artykuł obejmie wszystkie te kroki w celu utworzenia nowego rozszerzenia w przeglądarce Google Chrome.

Przed przyjrzeniem się metodę utworzenia rozszerzenia musisz upewnić się, że przeglądarka Google Chrome jest już uruchomiona, a wyszukiwarka „Google” nie zawiera żadnego tła. Możesz zobaczyć, że obraz załączony poniżej nie ma tła dla wyszukiwarki „Google.com ”i.mi., Tylko białe tło."

Dodaj folder rozszerzenia

Szybko otwórz narzędzie kodu Visual Studio z aplikacji systemu Windows. Prawidłowe otwarcie kodu Studio Studio może potrwać do 1 minuty i włączyć go do naszego użycia. Po prawidłowym uruchomieniu i jest gotowy do wykorzystania, dodaliśmy w nim już wygenerowany folder „rozszerzenie” za pośrednictwem listy menu „Plik” na górnym pasku zadań pokazanym poniżej. Po utworzeniu folderu „rozszerzenie” dodaliśmy w nim inny folder o nazwie „obraz”, który zawiera obrazy do użycia jako ikona rozszerzenia w przeglądarce. Oprócz tego dodaliśmy jeden „Manifest.plik JSON ”i jeden plik JavaScript o nazwie„ Skrypt.js ”, aby utworzyć nowe rozszerzenie i dodać go do przeglądarki. Zacznijmy od manifestu.plik JSON, klikając go dwukrotnie, aby rozpocząć pracę w JSON, aby utworzyć i użyć rozszerzenia, aby zmienić tło „Google”.

Utwórz plik manifestowy

W manifestie.plik JSON, powinieneś dodać kod „JSON” pokazany. Ten kod jest faktycznym skryptem konfiguracyjnym do tworzenia i dodania rozszerzenia do naszej przeglądarki Google Chrome. Ten kod JSON został uruchomiony od inicjalizacji wersji manifestu zmiennej jako „2” i nazwy rozszerzenia, które ma zostać utworzona, i.mi., "Zmień tło". Następnie dodaliśmy krótki opis naszego rozszerzenia w zmiennej „Opis”.

Oprócz tego dodaliśmy wersję rozszerzenia jako „1.0 ”. Po utworzeniu wszystkich podstawowych konfiguracji „rozszerzenia” musimy dodać ścieżkę do ikony obrazu, aby być używana jako ikona dla rozszerzeń. Zmienna „przeglądarka” została zdefiniowana, aby ustawić ikonę rozszerzenia dla najlepszego paska zadań przeglądarki Google Chrome, i.mi., gdzie wszystkie rozszerzenia są wyświetlane po włączeniu ich do przyszłego użycia dla konkretnych lub wszystkich witryn. Następnie dodaliśmy ścieżkę do trzech plików obrazów o różnych rozmiarach, aby przeglądarka mogła za każdym razem używać różnych plików.

Oprócz tego zmienna „page_action” została użyta do wyświetlania, jaki obraz ma zostać wyświetlony po kliknięciu ikonę „rozszerzenia” z górnego paska zadań Google Chrome. Zastosowano w niej zmienną „default_icon”, wraz z jej trzema różnymi wartościami ścieżki dla obrazów, które można użyć jako ikony na każdym przeładowaniu. W tym celu wykorzystywane są trzy różne pliki obrazów. Ostatnia zmienna Content_Scripts przyjmuje w sumie 2 nowe zmienne, i.mi., mecze i CSS. Zmienna „dopasowuje” zawiera ścieżkę do witryny, która ma zostać zmieniona po utworzeniu tego nowego rozszerzenia. Wraz z tym zmienna „CSS” zawiera nazwę pliku CSS, który ma być używany do stylizacji Google.com po złożeniu wniosku o rozszerzenie, ja.mi., Stylizacja Google.com po każdym przeładowaniu przy włączeniu rozszerzenia. Teraz, gdy ten kod jest kompletny i gotowy do użycia, po prostu zapisz go szybko i przejdź do „Main.plik CSS ”.

W głównym.Plik CSS CSS, dodajemy styl dla naszego rozszerzenia pliku manifestu, które ma zostać utworzone. Stylizacja zostałaby zastosowana za pomocą znacznika „Body” HTML, i.mi., do zastosowania na pełnym obszarze „ciała” pliku manifestu. Ustawiliśmy nowe tło dla Google.com za pomocą „URL” pliku obrazu z wyszukiwarki. Teraz zapisz swój kod przed cokolwiek.

Po zakończeniu wymaganych kodów i.mi., oczywisty.JSON i Main.Plik CSS, musimy otworzyć narzędzie rozszerzenia w przeglądarce Google Chrome za pośrednictwem adresu URL Chrome: // rozszerzenia ”na nowej karcie. Obszar użyteczności rozszerzenia jest otwarty. Z trybu dewelopera musisz załadować folder „Rozszerzenie” z systemu lokalnego, aby uczynić go rozszerzeniem za pomocą przycisku „Załaduj rozpakowane” wyświetlone na poniższym obrazku. Rozszerzenie zostało skutecznie dodane do przeglądarki Chrome, jak pokazano. Usuń błędy, aby działało w pełni.

Z ikony „rozszerzenia” wybierz rozszerzenie „Zmień tło”, aby wyświetlić je na pasku zadań, i.mi., rozszerzenie ikony „c”.

Po przeładowaniu Google.com, jego tło zostało zaktualizowane za pomocą tego rozszerzenia.

Wniosek

Począwszy od wyjaśnienia korzystania z przeglądarek w systemie Windows, omówiliśmy również znaczenie rozszerzeń w dowolnej przeglądarce. Po krótkim wyjaśnieniu rozszerzeń wyjaśniliśmy metodę użycia manifestu plik JSON do utworzenia rozszerzenia dla przeglądarki Google Chrome i sposobu użycia go do zmiany tła dla „Google.Wyszukiwarka com ”. Po załadowaniu rozszerzenia w Google Chrome, używamy go w Google.com, aby zmienić swoje tło.