สร้างเมนูบริบทคลิกขวาที่กำหนดเองด้วย justContext.js

เว็บเบราว์เซอร์ทุกอันมี เมนูบริบทเริ่มต้น. สิ่งนี้จะปรากฏขึ้นเมื่อผู้ใช้ คลิกขวาที่ใดก็ได้ บนหน้าและมักจะมีตัวเลือกเดียวกันเช่น “สำเนา”, “ประหยัด”, หรือ “ตรวจสอบองค์ประกอบ”.

กับ ไลบรารี justContext, คุณสามารถสร้าง เมนูบริบทเฉพาะ สำหรับองค์ประกอบใด ๆ ในเว็บไซต์ของคุณ สิ่งเหล่านี้สามารถ อัตโนมัติที่มีประชากรหนาแน่น กับทุกสิ่งที่คุณชอบและคุณสามารถ เขียนฟังก์ชั่นที่กำหนดเอง เพื่อเรียกใช้เมื่อใดก็ตามที่ผู้ใช้คลิกตัวเลือกในเมนูกำหนดเองของคุณ.

องค์ประกอบหน้าใด ๆ สามารถรองรับเมนูบริบทของตนเอง ซึ่งหมายความว่าคุณสามารถ กำหนดเป้าหมายรายการแต่ละรายการ เช่นสไลด์โชว์หรือเครื่องเล่นวิดีโอ HTML5 หรือคุณสามารถ กำหนดเป้าหมายส่วนเนื้อหาทั้งหมด.

คุณสามารถควบคุมการ ชุดรูปแบบของเมนูบริบท, รวมถึงแบบอักษรสีไอคอนและตัวคั่นเพื่อแบ่งเมนูของคุณออกเป็นส่วนต่างๆ ปลั๊กอินนี้ช่วยให้คุณสร้าง เมนูบริบทแบบเต็มตั้งแต่เริ่มต้น ด้วยคุณสมบัติใด ๆ ที่คุณชอบ.

ตามค่าเริ่มต้น justContext จะมาพร้อมกับ สองรูปแบบ: มืดและสว่าง. คุณสามารถเลือกระหว่างพวกเขาและค้นหาอย่างใดอย่างหนึ่งที่ตรงกับเว็บไซต์ของคุณ.

แต่ละธีมสามารถปรับแต่งโดยใช้ที่แตกต่างกัน Google Web Fonts, ไม่พูดถึงทั้งหมด ห้องสมุดตัวอักษรที่น่ากลัว ถูกบรรจุโดยค่าเริ่มต้น.

ลองชมตัวอย่างสดเพื่อดูการใช้งานจริง มันใช้งานได้ เบราว์เซอร์ทั้งหมดยกเว้น Internet Explorer แต่นี่ไม่น่าจะเป็นปัญหาเมื่อพิจารณาจากการที่ Microsoft ผลักดันเบราว์เซอร์ Edge ใหม่.

การสร้างเมนูบริบทที่แท้จริงนั้นค่อนข้างยุ่งยาก มัน ต้องการคลาส CSS สองสามคลาส และมันคือทั้งหมดที่ ฮาร์ดโค้ดใน HTML ลงในหน้าเว็บของคุณ.

นี่คือ ตัวอย่าง จาก repo หลักบน GitHub:

 
 
ตัด
 
สำเนา
 
แปะ
 
 
แพ็คเกจใหม่
 
คลาสใหม่
 
อินเทอร์เฟซใหม่ (รายการที่ถูกปิดใช้งาน)
 
 

หากคุณเต็มใจที่จะ คนจรจัดด้วยการตั้งค่า คุณสามารถทำอะไรได้มากมายกับปลั๊กอินนี้ แต่ฉันก็ยอมรับว่ามันเป็น ทรัพยากรเฉพาะช่อง ที่จะไม่เป็นประโยชน์กับทุกเว็บไซต์.

โดยไม่คำนึงถึงสาเหตุหรือวิธีการใช้งาน justContext เป็นแหล่งข้อมูลที่ดีที่สุดสำหรับ การสร้างเมนูบริบทเว็บตั้งแต่เริ่มต้น. เอกสารทั้งหมดมีอยู่ใน GitHub และปลั๊กอินไม่มีค่าใช้จ่าย 100% สำหรับโครงการเว็บใด ๆ.