• hjem
  •  > 
  • System programmer
  •  > 
  • Firefox legger til et element i kontekstmenyen. Hurtigmeny i Firefox

Firefox legger til et element i kontekstmenyen. Hurtigmeny i Firefox

En tilpasset kontekstmeny brukes sjelden i et websidegrensesnitt. Tross alt er det slett ikke åpenbart for brukeren at de på et eller annet element trenger å klikke ikke med venstre, men Høyreklikk musen og velg et element fra listen. I tillegg er det ikke alle besøkende på nettstedet som liker å bruke høyre museknapp, og på smarttelefoner er det ingen høyreknapp i det hele tatt, kun en imitasjon. Til tross for disse funksjonene har HTML5 muligheten til å lage dine egne kontekstmenyer; dette er bare implementert i Firefox så langt, og selv da på en veldig unik måte.

Først, la oss se på hvordan de er opprettet generelt forskjellige menyer. For dette brukes en kombinasjon av tagger og (eksempel 1).

Eksempel 1. Kontekstmenyen

HTML5 IE Cr Op Sa Fx

Kontekstmenyen

Contextmenu-attributtet forteller oss at menyen vår er kontekstuell og peker samtidig til en tag med den gitte identifikatoren (i i dette tilfellet redigere). Så langt er det ingen nettlesere som forstår eksemplet ovenfor, inkludert Firefox. For det, i stedet for en tag, bør du sette inn en ikke-standard tag (eksempel 2).

Eksempel 2: Meny i Firefox

HTML5 IE Cr Op Sa Fx

Kontekstmenyen

Koden viste seg å være ugyldig, men når du klikker på bildet i Firefox dukker den opp vakker meny(Figur 1).

Ris. 1. Hurtigmeny

Denne menyen fungerer ikke som forventet ennå, så la oss designe den på nytt. La oss først legge til et ikon ved siden av menyelementet ved å bruke ikonattributtet, slik at menyen ser penere ut. Verdien er relativ eller absolutt vei Til grafisk fil. Deretter må du sørge for at når du klikker på et menyelement, skjer det en handling. For å gjøre dette bruker vi onclick-hendelsen og bruker den til å ringe ønsket funksjon. Eksempel 3 viser opprettelsen av en kontekstmeny for tekst; hvis du velger "Rediger" i den, kan teksten redigeres. Faktisk brukes et skjult tekstfelt, som blir synlig når edit()-funksjonen kalles, mens selve teksten er skjult under redigering. Etter å ha trykket på Enter, settes teksten fra skjemaet inn på plass tekst avsnitt, og skaper inntrykk av at det var vi som styrte. Skjemaet skjules igjen etter at redigeringen er fullført.

Eksempel 3: Redigering av tekst

HTML5 IE Cr Op Sa Fx

Kontekstmeny #edit ( width: 200px; border: 1px solid #ccc; display: none; ) function edit() ( document.getElementById("text").style.display = "none"; document.getElementById("edit" ).style.display = "block"; document.getElementById("edit").value = document.getElementById("text").innerHTML; document.getElementById("edit").focus(); ) funksjonstekst() ( document.getElementById("text").innerHTML = document.getElementById("edit").value; document.getElementById("edit").style.display = "ingen"; document.getElementById("text").style .display = "blokk"; )

Eksempeltekst

Den nye menyen er vist i fig. 2.

Ris. 2. Meny med ikon

Som du kan se fra eksempelet, er det ikke forskjellig å lage en kontekstmeny fra å lage en annen interaktive elementer. Når vi klikker på et menyelement, kalles funksjonen vår ved å bruke onclick-handleren, og da vil denne funksjonen gjøre det vi vil. Firefox 8 var den første nettleseren som støttet HTML5-kontekstmenyer, men det er overraskende hvorfor Firefox-utviklere Vi introduserte vår egen tilpassede tag for menyen. Det er flere mulige scenarier her:

  • taggen vil bli lagt til HTML5-spesifikasjonen;
  • denne taggen vil bli foreldet og vil ikke bli støttet i fremtiden Firefox-versjoner;

Alt som gjenstår er å vente på svar fra andre nettlesere der taggen endelig skal implementeres, samt ulike menyer basert på den.

Jeg installerte et program kalt Aptana Studio 3. La til et menyelement i kontekstmenyen min (hvis jeg høyreklikker, ser jeg alternativet "Aptana Studio"). Hvordan kan jeg fjerne dette manuelt fra menyen min?

Jeg har søkt høyt og lavt og finner ikke en måte å fjerne Aptana-ting fra Firefox. Kanskje det er fordi jeg er på Firefox 4. Det jeg gjorde var at jeg byttet til

About:config

Jeg søkte deretter etter Aptana og det er 3 elementer som er oppført. Jeg har lagt ved et skjermbilde.

Nå er spørsmålet mitt hvordan du fjerner disse elementene fordi det sannsynligvis vil fjerne alternativet fra menyen min.

I utgangspunktet bare gå til Verktøy >

[!d4 ]

Gitt at denne kontekstmenyen vises i Firefox, virker det sannsynlig at Aptana har installert Firefox utvidelse.

Dette beskriver fjerningsprosessen.

I utgangspunktet går du bare til Verktøy > Tillegg i Firefox. Der bør du finne en eller annen utvidelse knyttet til Aptana - det heter nok en "debugger". Du kan deaktivere eller fjerne utvidelsen - resultatet blir det samme.

Edit: Aptana har blitt lagt til (automatisk?) som en ekstern Firebug-editor. Mens redigering av about:config er et alternativ, er den "riktige" måten å redigere eksterne redaktører på gjennom Firebugs "Editor Configuration"-vindu, som du finner i kontekstmenyen som et avansert alternativ for editor, eller gjennom Firebugs hovedmeny:

Gitt at denne kontekstmenyen vises i Firefox, virker det sannsynlig at Aptana har installert en Firefox-utvidelse.

Dette beskriver fjerningsprosessen.

I utgangspunktet går du bare til Verktøy > Tillegg i Firefox. Der bør du finne en eller annen utvidelse knyttet til Aptana - det heter nok en "debugger". Du kan deaktivere eller fjerne utvidelsen - resultatet blir det samme.

Edit: Aptana har blitt lagt til (automatisk?) som en ekstern Firebug-editor. Mens redigering av about:config er et alternativ, er den "riktige" måten å redigere eksterne redaktører på gjennom Firebugs "Editor Configuration"-vindu, som du finner i kontekstmenyen som et avansert alternativ for editor, eller gjennom Firebugs hovedmeny:

Gitt at denne kontekstmenyen vises i Firefox, virker det sannsynlig at Aptana har installert en Firefox-utvidelse.

Dette beskriver fjerningsprosessen.

I utgangspunktet går du bare til Verktøy > Tillegg i Firefox. Der bør du finne en eller annen utvidelse knyttet til Aptana - det heter nok en "debugger". Du kan deaktivere eller fjerne utvidelsen - resultatet blir det samme.

Edit: Aptana har blitt lagt til (automatisk?) som en ekstern Firebug-editor. Mens redigering av about:config er et alternativ, er den "riktige" måten å redigere eksterne redaktører på gjennom Firebugs "Editor Configuration"-vindu, som du finner i kontekstmenyen som et avansert alternativ for editor, eller gjennom Firebugs hovedmeny:

Gitt at denne kontekstmenyen vises i Firefox, virker det sannsynlig at Aptana har installert en Firefox-utvidelse.

Dette beskriver fjerningsprosessen.

I utgangspunktet går du bare til Verktøy > Tillegg i Firefox. Der bør du finne en eller annen utvidelse knyttet til Aptana - det heter nok en "debugger". Du kan deaktivere eller fjerne utvidelsen - resultatet blir det samme.

Edit: Aptana har blitt lagt til (automatisk?) som en ekstern Firebug-editor. Mens redigering av about:config er et alternativ, er den "riktige" måten å redigere eksterne redaktører på gjennom Firebugs "Editor Configuration"-vindu, som du finner i kontekstmenyen som et avansert alternativ for editor, eller gjennom Firebugs hovedmeny:

Gitt at denne kontekstmenyen vises i Firefox, virker det sannsynlig at Aptana har installert en Firefox-utvidelse.

Dette beskriver fjerningsprosessen.

I utgangspunktet går du bare til Verktøy > Tillegg i Firefox. Der bør du finne en eller annen utvidelse knyttet til Aptana - det heter nok en "debugger". Du kan deaktivere eller fjerne utvidelsen - resultatet blir det samme.

Edit: Aptana har blitt lagt til (automatisk?) som en ekstern Firebug-editor. Mens redigering av about:config er et alternativ, er den "riktige" måten å redigere eksterne redaktører på gjennom Firebugs "Editor Configuration"-vindu, som du finner i kontekstmenyen som et avansert alternativ for editor, eller gjennom Firebugs hovedmeny:

Gitt at denne kontekstmenyen vises i Firefox, virker det mest sannsynlig at Aptana installerte en Firefox-utvidelse.

1) gå til: config

2) finn Aptana [!d2 ]

Mine løsninger for å fjerne Aptana Studio-menyelementet fra Firefox 4 kontekstmenyen var:

1) gå til: config

2) finn Aptana

3) på hver av oppføringene (det skal være 3) høyreklikk og velg tilbakestill

Og grensesnittet Firefox Quantum kan fortsatt tilpasses takket være filen userChrome.css. Du kan redigere denne filen for å skjule uønskede menyelementer, flytte fanelinjen under navigasjonslinjen, vise flere linjer i bokmerkelinjen og gjøre andre ting som ikke var mulig.

Hvordan det fungerer

UserChrome.css-filen er en CSS-fil (cascading style sheet) som Firefox bruker. Selv om stilark vanligvis brukes på nettsider, gjelder dette stilarket også for brukergrensesnitt Firefox. Det lar deg endre utseende og utformingen av alt rundt nettsiden. Du kan ikke legge til noen funksjoner; Du kan bare endre det som allerede er der (redigere, skjule eller flytte).

Dette har ingenting med å gjøre Google Chrome. "Chrome" refererer til brukergrensesnittet til nettleseren som Google Chrome ble navngitt fra.

UserChrome.css-filen har eksistert i Firefox ganske lenge, men den har fått ny betydning med bruker Firefox Kvante.

Mange tilpasninger som tidligere kunne gjøres ved hjelp av nettlesertillegg kan nå bare gjøres ved å redigere userChrome.css-filen.

Hvor du skal se etter innstillinger

Selv om du kan lage dine egne innstillinger hvis du forstår CSS-koden og hvordan Firefox-grensesnittet ble utformet, kan du også enkelt finne innstillinger på nettet. Hvis du vil gjøre visse endringer, har nok noen andre allerede funnet ut hvordan du gjør det og skrevet koden.

Her er noen ressurser som kan hjelpe deg:

  • Tweaks fra userChrome.org: kort liste interessante innstillinger som demonstrerer kraften til userChrome.css.
  • Classic CSS Tweaks: Et arkiv med userChrome.css-tweaks fra forfatteren av Classic Theme Restorer-utvidelsen, som ikke lenger fungerer i Firefox Quantum.
  • userChrome Tweaks: en samling interessante Firefox-justeringer.
  • FirefoxCSS på Reddit: Denne subredditen er et fellesskap for å diskutere innstillinger. Du kan bruke subreddit til å finne andres tweaks, se hva folk deler, og til og med be om hjelp hvis du ikke finner tweaken du leter etter.
  • En veiledning for redigering av kontekstmenyen din: Instruksjoner for å fjerne elementer fra Firefox-kontekstmenyen og endre rekkefølgen deres i listen, hentet fra Firefox CSS.

Husk at eldre versjoner av Firefox hadde et annet grensesnitt. Gamle userChrome.css-justeringer du finner på Internett fungerer kanskje ikke på Firefox 57 og nyere, også kjent som Firefox Quantum.

Hvis du vet hva du gjør med CSS, kan du aktivere nettleserens verktøylinje for å sjekke Firefox nettleser. Dette vil gi deg informasjonen du trenger for å sette opp ulike elementer nettlesergrensesnitt ved hjelp av egen kode CSS.

Hvordan lage en userChrome.css-fil

UserChrome.css-filen eksisterer ikke som standard, så hvis du har en tweak eller to du vil prøve, må du først opprette filen på riktig sted i Firefox-profilmappen.

For å starte en mappe Firefox-profil, klikker du på Meny > Hjelp > Feilsøkingsinformasjon i Firefox.

Klikk på Åpne mappe-knappen til høyre for profilmappen for å åpne den. ( Følgende instruksjoner vis prosessen i Windows, men i Mac OS og Linux er de nesten like: Du bruker bare en annen filbehandler Og tekstredigerer.)

Hvis du ser en mappe kalt "chrome" i profilmappen som vises, dobbeltklikker du på den. Imidlertid vil du sannsynligvis ikke gjøre dette fordi denne mappen ikke er opprettet moderne versjoner Firefox.

For å opprette en mappe, høyreklikk på ledig plass og velg Ny > Mappe. Gi det navnet "chrome", trykk "Enter", og dobbeltklikk deretter på det.

Du må fortelle Windows om å vise filutvidelser hvis du ikke allerede har gjort det. Windows skjuler filutvidelser som standard for å gjøre ting enklere. Dette trinnet er ikke nødvendig for macOS eller Linux, som viser denne informasjonen som standard.

I Windows 8 eller 10 kan du ganske enkelt klikke på Vis-fanen og merke av for filnavnutvidelser for å gjøre dem synlige. I Windows 7 klikker du på Organiser > Mappe- og søkealternativer, går til fanen Vis og fjerner merket for Skjul utvidelser for kjente typer filer".

Lag nå en userChrome.css-fil, som egentlig bare er tom tekstfil med .css-utvidelsen i stedet for .txt-utvidelsen.

For å gjøre dette, høyreklikk på en tom plass og velg Ny > Tekstdokument" Gi det navnet "userChrome.css", og fjerner .txt-utvidelsen.

Windows vil advare deg om at du endrer filtypen, og dette kan være et problem for visse filtyper. Klikk Ja for å bekrefte endringene.

På MacOS eller Linux, lag en tom tekstfil med samme navn.

Hvordan redigere userChrome.css-filen

Du kan bruke et hvilket som helst tekstredigeringsprogram for å redigere userChrome.css-filen. Notisblokk-tekstredigeringsprogrammet som følger med Windows fungerer utmerket. Hvis du trenger en kraftigere tekstredigerer med stort beløp funksjoner, og prøv deretter Notepad++.

For å redigere en fil i Notisblokk, høyreklikk på filen og velg Rediger.

Legg til alle innstillingene du vil beholde ved å kopiere og lime dem inn. Hvis du legger til flere innstillinger, sørg for å legge dem alle på sine egne linjer.

Når du er ferdig, lagrer du filen ved å klikke på Fil > Lagre i Notisblokk.
Hver gang du redigerer userChrome.css-filen, må du lukke alt åpne vinduer Firefox og start Firefox på nytt for at endringene skal tre i kraft.

Hvis du ofte går tilbake til "chrome"-mappen for å redigere userChrome.css-filen, må du kanskje lage en skrivebordssnarvei for mappen eller legge den til " Rask tilgang» i Utforsker.

userContent.css-filen

Firefox har også en userContent.css-fil som du kan redigere, og du kan komme over noen innstillinger som sier at de er for userContent.css-filen.

For å bruke denne filen, lag ganske enkelt en fil kalt "userContent.css" i Chrome-mappen din. Tweaks du plasserer i denne filen påvirker Firefoxs interne "innholdssider", for eksempel " Nytt innfelt" og "Alternativer".

Hvis noe er ødelagt

Hvis du støter på et problem med innstillingen, kan du ganske enkelt fjerne den fra userChrome.css-filen og starte Firefox på nytt. Hvis dette ikke fungerer, kan du slette userChrome.css-filen fullstendig og starte nettleseren på nytt for å slette alle endringene dine og få nytt grensesnitt Firefox.

En av de viktigste endringene i grensesnittet til den nylig utgitte stallen Mozilla-versjoner Firefox 32 har blitt en modifikasjon av kontekstmenyen. Den består i at enkelte tekstelementer i menyen er erstattet med grafiske skisser som ligger øverst i den. Spesielt alternativene for å flytte frem og tilbake gjennom sider, samt alternativene for å oppdatere og legge til en side i nettleserbokmerker, har gjennomgått en slik erstatning.

Generelt kan endringen anses som ganske nyttig. For det første har løsningen gjort det mulig å redusere lengden på kontekstmenyen, som brukeren trolig vil legge til alternativer for tredjeparts tillegg til, og for det andre har selve menyen blitt mer estetisk tiltalende fra et estetisk synspunkt. Men blant Firefox-brukere vil det være de som ikke vil finne den oppdaterte menyen så attraktiv. Noen vil synes det er uvanlig, noen vil synes det er upraktisk, og det vil være de som vil hevde at grafiske menyer lastes tregere enn tekstmenyer.

Selvfølgelig forutså både Firefox-utviklerne og skaperne av tredjeparts-tillegg slike scenarier og ga derfor brukerne muligheten til å velge hvilken meny de skulle bruke, gammel eller ny. Kort sagt, hvis du ikke liker den oppdaterte menyen, kan du enkelt returnere den til sitt forrige utseende på en av to måter.

Klassisk temagjenoppretting

Restaurere Firefox-design du kan bruke et velkjent tillegg kalt Classic Theme Restorer. Etter å ha installert tillegget, må du gå til innstillingene, i delen "Hovedgrensesnitt", finn alternativet "På siden, i kontekstmenyen, erstatt ikoner med etiketter" og aktiver det.


Ikonene i kontekstmenyen forsvinner, og selve menyen blir en størrelsesorden lenger. I tillegg, når du installerer Classic Theme Restorer, vil fanene som er i siste versjoner Firefox hadde et avrundet utseende, vil igjen bli smalt og strengt rektangulært.

Dessverre vil denne metoden ikke gi ønsket resultat hvis du bruker et "fullt" tema for å designe Firefox-grensesnittet. Selv om dette ikke betyr at for skyld samme utseende menyen må du ofre skjønnhet. Ved bruk av vanlige temaer oppstår det ingen "konflikter".

Menyveiviser




Den andre metoden er like enkel som den første, men denne gangen i stedet for Theme Restorer vil vi bruke Menu Wizard-tillegget. Etter å ha installert tillegget, gå til innstillingene, åpne "Hovedkontekstmeny"-listen og fjern merket for følgende elementer:

  • kontekst-tilbake
  • kontekst-forwrad
  • kontekst-last på nytt
  • kontekst-stopp

Menu Wizard-tillegget fungerer med ethvert tema, og det lar deg også raskt skjule og vise miniatyrbilder fra selve kontekstmenyen. Men menyveiviseren har en ulempe. Menyikoner kan ikke gjøres til tekst som når du bruker Theme Restorer, de kan bare skjules.