Vel, det er en flom av Firefox Toolbar beslutningstakere der ute, men jeg føler det er for mye juks og du ikke faktisk lære noe. Plus, som verktøylinjer er veldig lubben og ikke løpe fort som det kunne når du gjør dem fra scratch.

I denne økten, vil jeg lære deg hvordan du kan lage din egen Firefox-utvidelse og gjøre det si "Hello World!" Fra scratch. (Ikke helt fra scratch, men ...)

Det er ganske enkelt faktisk. Du kan bruke denne Firefox / Thunderbird Forlengelsen veiviseren for å få skjelettet koden for den nye Firefox-utvidelsen.

Bare fyll ut de tomme feltene som nedenfor og sørge for å merke Extension ID, kan du trolig sette din favoritt e-postadresse her:

Etter unzipping de nedlastede filer, enkel pakke ut filene i en mappe, for eksempel c: \ mytoolbar.

Etter det kan du opprette en tekstfil kalt "zedomax@gmail.com", som er hva du putter for forlengelse ID tidligere. Enkelt sagt "c: \ mytoolbar" i tekstfilen og lagrer det. (Ja, det må du bare sette banen og lagre det ...)

Nå setter denne tekstfilen i profilen din katalogen, som regel noe sånt som, "c: \ Documents and Settings \ brukernavn \ Application Data \ Mozilla \ Firefox \ Profiles \ xxx. Default \ extensions \" der Brukernavn er ditt brukernavn og xxx vil være variabel avhengig av datamaskinen.

Etter det, bare start Firefox og gå til Verktøy-> Add-Ons og du vil se din Firefox-utvidelse som sett her:

I mitt tilfelle heter jeg det "SiteHoppin verktøylinje", siden jeg gjør en SiteHoppin verktøylinjen.

Nå som er det grunnleggende for å kunne redigere forlengelsen med Javascript og andre store ting. Greatest ting eller den enkleste ting om Firefox extensions er at det støtter Javascript. Selv om du slår av din støtte for Javascript for surfing, Javascript for utvidelser virke, den virkelige skjønnheten bak Firefox extensions.

Nå trenger du ikke se noen knapper enn denne nye meny-knappen kalt "Your lokalisert MENUITEM" under Verktøy. Trykk på den og du vil få en "Hello World!" Melding.

Men du kan også gå legge inn første ikonet knappen ved å gå til View-> Toolbars-> Tilpass, og deretter finne ikonet og dra det dit du vil.

Nå bør du se din aller første gang Firefox knapp som her:

Yey, gratulerer!

Du kan nå gå leke med DTD-filer i plugin mappen eller du kan gå til denne Mozilla hjelp for videre instruksjoner eller bare finne tilbake om par dager som vi får del II av denne DIY.

C 'ya har stor koding weekend!

Sats

Loading ...