יצירת Custom Custom לחץ עם ההקשר תפריטים עם justContext.js

כל דפדפן אינטרנט יש תפריט הקשר ברירת מחדל. זה מופיע כאשר המשתמש קליקים ימני בכל מקום בדף זה בדרך כלל יש את אותן אפשרויות, כגון “עותק”, “לשמור”, או “לבדוק רכיב”.

עם ה רק ספריית טקסט, אתה יכול לבנות תפריטי הקשר מיוחדים עבור כל האלמנטים באתר שלך. אלה יכולים להיות אוטומטי מאוכלס עם כל מה שאתה אוהב ואתה יכול לכתוב פונקציות מותאמות אישית כדי להפעיל בכל פעם שהמשתמש לוחץ על אפשרות בתפריט המותאם אישית שלך.

כל רכיב דף יכול לתמוך בתפריט ההקשר שלו. זה אומר שאתה יכול פריטים בודדים היעד כגון מצגות או נגני וידאו מסוג HTML5, או שתוכל לכוון את כל גוף הדף.

יש לך שליטה מלאה על נושאים של תפריט ההקשר, כולל גופנים, צבעים, סמלים, ואפילו מפרידים כדי לחלק את התפריט שלך למקטעים. תוסף זה באמת מאפשר לך ליצור תפריט ההקשר המלא מאפס עם כל התכונות שאתה אוהב.

כברירת מחדל, JustContext מגיע שני נושאיםYou חושך ואור. אתה יכול לבחור ביניהם ולמצוא איזה מהם מתאים ביותר לאתר שלך.

כל נושא יכול להיות מותאם אישית באמצעות שונים גופני אינטרנט של Google, שלא לדבר על כולו ספריית גופן מדהימה הוא ארוז כברירת מחדל.

בדוק את הדגמה חיה לראות את זה בפעולה. זה עובד כל הדפדפנים למעט Internet Explorer אבל זה לא צריך להיות בעיה בהתחשב דחיפה של מיקרוסופט לדפדפן אדג 'חדש.

יצירת תפריט ההקשר בפועל הוא קצת מסובך. זה דורש כמה כיתות CSS וזה הכול מקודד היטב ב- HTML לתוך דף האינטרנט שלך.

הנה מדגם מן ריפו הראשי על GitHub:

 
 
גזירה
 
עותק
 
הדבק
 
 
חבילה חדשה
 
מחלקה חדשה
 
ממשק חדש (ערך מושבת)
 
 

אם אתה מוכן tinker עם הגדרות אתה יכול לעשות הרבה עם תוסף זה. אבל, אני גם מודה שזה א נישה ספציפית משאבים זה לא יהיה בעל ערך לכל אתרי האינטרנט.

לא משנה מדוע או איך היית משתמש בו, JustContext הוא המשאב הטוב ביותר עבור יצירת תפריטים בהקשר האינטרנט מאפס. כל התיעוד זמין על GitHub ואת תוסף הוא 100% חינם לשימוש על כל פרויקט אינטרנט.