Izveidojiet pielāgotus labo klikšķu konteksta izvēlnes ar justContext.js

Katrai tīmekļa pārlūkprogrammai ir a noklusējuma konteksta izvēlne. Tas parādās, kad lietotājs labo klikšķi jebkur lapā, un tai parasti ir tādas pašas iespējas, piemēram, “kopiju”, “saglabāt”, vai “pārbaudīt elementu”.

Ar justContext bibliotēka, jūs varat veidot specializētās konteksta izvēlnes visiem jūsu vietnes elementiem. Tie var būt automātiski aizpildīts ar visu, kas jums patīk, un jūs varat rakstīt pielāgotas funkcijas palaist, kad lietotājs noklikšķina uz opcijas jūsu pielāgotajā izvēlnē.

Jebkurš lapas elements var atbalstīt savu konteksta izvēlni. Tas nozīmē, ka varat mērķēt atsevišķus vienumus piemēram, slīdrādes vai HTML5 video atskaņotāji, vai arī jūs varat mērķēt uz visu lapas ķermeni.

Jums ir pilnīga kontrole pār konteksta izvēlnes tematika, ieskaitot fontus, krāsas, ikonas un pat atdalītājus, lai sadalītu izvēlni sadaļās. Šis spraudnis tiešām ļauj izveidot a pilna konteksta izvēlne no nulles ar jebkurām funkcijām, kas jums patīk.

Pēc noklusējuma vienkārši pievieno tikai konteksta tekstu divas tēmas: tumšs un viegls. Jūs varat izvēlēties starp tām un atrast, kurš no tiem vislabāk atbilst jūsu vietnei.

Katru tēmu var pielāgot, izmantojot atšķirīgu Google tīmekļa fonti, nemaz nerunājot par visu Font Awesome bibliotēka tiek iesaiņots pēc noklusējuma.

Apskatiet tiešo demonstrāciju, lai to aplūkotu darbībā. Tas darbojas visas pārlūkprogrammas, izņemot Internet Explorer bet tas nedrīkst būt problēma, ņemot vērā Microsoft virzību uz jauno Edge pārlūkprogrammu.

Faktiskās konteksta izvēlnes izveide ir nedaudz sarežģīta. Tā prasa dažas CSS klases un tas viss grūti kodēts HTML savā tīmekļa lapā.

Lūk, a paraugu no galvenās repo GitHub:

 
 
Griezt
 
Kopēt
 
Ielīmēt
 
 
Jauna pakete
 
Jauna klase
 
Jauna saskarne (ieraksts ar invaliditāti)
 
 

Ja vēlaties lāpīt ar iestatījumiem jūs varat izdarīt daudz ar šo spraudni. Bet, es arī atzīstu, ka tas ir specifisks resurss tas nebūs vērtīgs visām tīmekļa vietnēm.

Neatkarīgi no tā, kāpēc vai kā to izmantot, justContext ir absolūti labākais resurss tīmekļa konteksta izvēlņu izveidošana no nulles. Visi dokumenti ir pieejami GitHub un spraudnis ir 100% brīvs izmantot jebkurā tīmekļa projektā.