Hvordan skrive en Chrome-utvidelse

Å skrive en grunnleggende utvidelse for nettleseren din er ikke så komplisert som du kanskje tror.

Les vår dybdeveiledning for å opprette en Chrome-nettleserutvidelse, og følg deretter instruksjonene i denne trinnvise veiledningen, og du kan ha ditt eget, håndkodede tillegg som kjører på mindre enn 15 minutter.

Last ned Chrome

Hvis du ikke allerede har gjort det, kan du laste ned Google Chrome fra www.google.com/chrome. Den er tilgjengelig for Windows, Mac OS X og Linux, og utvidelseskoden vår - så vel som de fleste andre utvidelser - fungerer på tvers av plattformer. Chrome vil gjerne eksistere samtidig med Firefox og Internet Explorer.

hvor lenge varer bøter i overvakt

Lag manifest

Nå kan du enten opprette manifestfilen, ikonet og HTML-siden din i henhold til instruksjonene i vår dybdeguide, eller laste ned filene fra www.pcpro.co.uk/links/194extensions. Pakk ut filene til et praktisk sted, og sørg for at MANIFEST.JSON-, AIDEMEMOIRE.HTML- og ikonfilene er til stede og riktige.

Åpne utvidelsesmenyen

Start Chrome og klikk på nøkkelikonet helt til venstre for å åpne Verktøy-menyen. Fra denne menyen velger du Verktøy | Utvidelser. Dette laster opp siden som viser alle standardutvidelser, men lar deg også eksperimentere uten å installere ekstra biter.

windows 10 vpn snarvei

Velg utviklermodus

Klikk på koblingen for utviklermodus helt til høyre på siden, som vil avdekke tre ekstra knapper: Last utpakket utvidelse, pakkeutvidelse og oppdater utvidelser nå. Disse lar deg installere utvidelser i sin råform, eller lage en fullpakket utvidelse for distribusjon over internett.

Last ut utvidet forlengelse

Bare klikk Last utpakket utvidelse, og naviger til mappen som inneholder utvidelsens manifest, ikon og HTML-filer. Etter en liten pause ser du enten utvidelsen vises i listen, eller du får en feilmelding som forteller deg hva som gikk galt.

Utvidelse lagt til

Hvis alt gikk bra, vises ikonet for utvidelsen din til høyre for adressefeltet. Hver gang det klikkes, vises innholdet i AIDEMEMOIRE.HTML-filen i en praktisk liten popup. Når du vil begynne å eksperimentere, kan du gå til Googles dokumentasjon via www.pcpro.co.uk/links/194extensions1

Google Chrome-logo

Windows 10 app-menyen fungerer ikke