Hvordan lage en kromforlengelse

"Innenfor vårt nåværende liv er vi mer ivrige etter å bruke apper for sosiale medier og Googles søkemotor for våre underholdnings- og søkeformål, jeg.e., Undersøk noe pedagogisk emne via "Google" søkemotoren og få generell kunnskap. For å bruke Googles søkemotor for å søke etter noe, må vi ha noen nettleser som allerede er installert på våre mobiltelefoner, bærbare datamaskiner eller personlige datamaskiner. En av de mest brukte og effektive nettleserne i dagens århundre er nettleseren “Google Chrome” som fulgte med mange gode funksjonaliteter sammen med bruken av utvidelsen. "Utvidelsen" er pluginen som finnes i enhver nettleser for å begrense eller tillate nettsteder og forskjellige funksjoner. Disse utvidelsene kommer vanligvis ikke innebygd; Du må legge til hver utvidelse til nettleseren din separat når det er nødvendig. Hvis du er litt ekspert på teknologi, kan du kanskje vite bruken av manifest JSON -filer for å opprette og legge til en utvidelse i noen få trinn. Derfor vil denne artikkelen dekke alle disse trinnene for å opprette en ny utvidelse på Google Chrome -nettleseren.

Før du tar en titt på metoden for å lage en utvidelse, må du sørge for at Google Chrome -nettleseren allerede er lansert og "Google" -søkemotoren inneholder noen bakgrunn. Du kan se at bildet vedlagt nedenfor ikke har noen bakgrunn for søkemotoren “Google.com, ”jeg.e., Bare hvit bakgrunn.”

Legg til utvidelsesmappe

Åpne det visuelle studiokodeverktøyet ditt raskt fra appene i Windows -systemet ditt. Det kan ta opptil 1 minutt å åpne den visuelle studiokoden på riktig måte og aktivere den for vår bruk. Etter at den er lansert ordentlig og er klar for utnyttelse, har vi lagt til den allerede genererte mappen "Extension" i den via "Fil" -menylisten på den øverste oppgavelinjen vist nedenfor. Etter å ha opprettet "Extension" -mappen, har vi lagt til en annen mappe som heter "Bilde" i den som inneholder bildene som skal brukes som et ikon for utvidelsen i nettleseren. Sammen med det har vi lagt til en “manifest.JSON ”-fil og en JavaScript -fil som heter“ Script.JS ”for å opprette en ny utvidelse og legge den til i nettleseren. La oss starte fra manifestet.JSON -filen ved å dobbeltklikke på den for å begynne å jobbe i JSON for å opprette og bruke en utvidelse for å endre bakgrunnen til “Google”.

Lag manifestfil

Innenfor manifestet.JSON-filen, du bør legge til den viste "JSON" -koden for Below. Denne koden er det faktiske konfigurasjonsskriptet for å opprette og legge til en utvidelse til Google Chrome -nettleseren vår. Denne JSON -koden er startet med initialiseringen for den variable manifestversjonen som “2” og navnet på en utvidelse som skal opprettes, i.e., "Bytt bakgrunn". Etter dette la vi til den korte beskrivelsen for utvidelsen vår i "beskrivelsen" -variabelen.

Sammen med det har vi lagt til versjonen av en utvidelse som “1.0 ”. Etter at alle de grunnleggende konfigurasjonene for "utvidelsen" er opprettet, må vi legge banen til bildeikonet som skal brukes som et ikon for utvidelsene. Variabelen “nettleser” er definert for å angi utvidelsesikonet for den øverste oppgavelinjen i Google Chrome -nettleseren, i.e., Der alle utvidelsene vises etter å ha aktivert dem for fremtidig bruk for bestemte eller alle nettsteder. Etter dette har vi lagt banen til tre bildefiler i forskjellige størrelser slik at nettleseren kan bruke forskjellige filer hver gang.

Sammen med det har "Page_Action" -variabelen blitt brukt til å vise hvilket bilde som skal vises etter å ha klikket på "Extensions" -ikonet fra den øverste oppgavelinjen til Google Chrome. "Default_icon" -variabelen har blitt brukt i den, sammen med de tre forskjellige baneverdiene for at bildene skal brukes som ikoner på hver omlasting. Tre forskjellige bildefiler brukes til dette formålet. Den siste variabelen til innholdet_scripts tar totalt 2 nye variabler i den, i.e., Kamper og CSS. "Matches" -variabelen inneholder veien til nettstedet som skal endres etter bruken av denne nye utvidelsen er opprettet. Sammen med det inneholder variabelen “CSS” navnet på en CSS -fil som skal brukes til styling av Google.com etter å ha søkt om forlengelsen, jeg.e., Styling Google.com etter hver omlasting på å aktivere utvidelsen. Nå som denne koden er fullstendig og klar til bruk, bare lagre den raskt og bevege deg mot “Main.css ”-fil.

Innenfor hoved.CSS CSS -fil, vi har lagt til styling for at vår manifestfilutvidelse skal opprettes. Stylingen vil bli brukt ved hjelp av HTML “Body” -koden, i.e., som skal brukes på hele "kropp" -området i manifestfilen. Vi har satt den nye bakgrunnen for Google.com ved å bruke "url" til en bildefil fra søkemotoren. Lagre koden din før noe før noe.

Etter å ha fullført de nødvendige kodene, i.e., manifest.JSON og Main.CSS -fil, vi må åpne utvidelsesverktøyet på Google Chrome -nettleseren via URL Chrome: // Extensions ”i den nye fanen. Utvidelsesområdet åpnes. Fra utviklermodus må du laste inn den utpakkede "utvidelses" -mappen fra det lokale systemet for å gjøre det til en utvidelse via knappen "Last ut upackaged" som vises på bildet nedenfor. Utvidelsen har blitt effektivt lagt til Chrome -nettleseren, som utstilt. Fjern feilene for at det fungerer fullt ut.

Velg "Extension" Extension "Extension" -ikonet "Extension" Extension "Endre" Endre bakgrunn "-forlengelse for å vise det på oppgavelinjen, i.e., “C” -ikonforlengelsen.

Etter å ha lastet inn Google på nytt.com, bakgrunnen ble oppdatert ved hjelp av denne utvidelsen.

Konklusjon

Med utgangspunkt i forklaringen på å bruke nettleserne i Windows -systemet, har vi også diskutert viktigheten av utvidelsene i en hvilken som helst nettleser. Etter den korte forklaringen av utvidelser, har vi forklart metoden for å bruke manifest JSON -filen for å lage en utvidelse for Google Chrome -nettleseren og hvordan du bruker den til å endre bakgrunnen for “Google.com ”søkemotor. Etter å ha lastet utvidelsen på Google Chrome, har vi brukt den på Google.com for å endre bakgrunn.