2014-07-02 4 views
10

एमडीएन (मोज़िला डेवलपर नेटवर्क) वेबसाइट संदर्भ मेनू कैसे बदलती है?
उदाहरण के लिए, this page
मैंने सोचा कि उन्होंने संदर्भ के लिए पूरे संदर्भ मेनू को बनाया है जब संदर्भमेनू ईवेंट निकाल दिया जाता है, लेकिन यह थोड़ा पागल लगता है।
इसके अलावा, यह क्रोम पर काम नहीं करता है, इसलिए मुझे लगता है कि यह फ़ायरफ़ॉक्स-केवल सुविधा है।
क्या कोई जानता है कि वे इसे कैसे करते हैं?
enter image description hereएमडीएन वेबसाइट संदर्भ मेनू कैसे बदलती है?

+1

संदर्भ मेनू मेरे जैसा ही दिखता है? क्या आप एक स्क्रीनशॉट जोड़ सकते हैं? –

+0

मैंने प्रश्न – patkoala

+0

पर छवि को जोड़ा है, मैं इसे फ़ायरफ़ॉक्स 30 –

उत्तर

11

प्रलेखन एक सा विरल है, लेकिन यह contextmenuattribute which is new in HTML5 उपयोग कर रहा है। यह menuHTML tag का उपयोग करता है जो अब अपने HTML4 कार्यान्वयन से अलग है। ब्राउज़र समर्थन isn't so great, लेकिन यह फ़ायरफ़ॉक्स 8.

में समर्थित है यहाँ प्रासंगिक एचटीएमएल दिखा पृष्ठ पर डोम का एक स्क्रीनशॉट है, body पर contextmenu विशेषता और menu टैग जो विस्तार कर रहे हैं।

contextmenu dom

अद्यतन: इस उत्तर पूर्व में उस क्रोम 36 और ऊपर इस सुविधा का समर्थन किया, जैसा कि पहले caniuse पेज ने कहा ने कहा। ऐसा लगता है कि यह मामला नहीं है और कैनियस ने इस जानकारी को हटा दिया है।

4

मैं सिर्फ एचटीएमएल 5 मेनू और ब्राउज़र समर्थन के बारे में एक लेख लिखने के: https://dpogue.ca/articles/html5-menu.html

संक्षेप में:

  • फ़ायरफ़ॉक्स इस मेनू टैग पर पुराने का उपयोग कर (विशिष्ट जानकारी के अनुरूप नहीं) type="context" विशेषता को लागू करता है । फ़ायरफ़ॉक्स को नए स्पेक में अपडेट करने के लिए एक बग है।

  • क्रोम इसे क्रोम 41 के रूप में spec (type="popup") के अनुसार लागू करता है, लेकिन यह "प्रायोगिक वेब प्लेटफ़ॉर्म सुविधाएं" ध्वज के पीछे है।

प्रकार विशेषता में इस अंतर के कारण, एक ही समय में दोनों कार्यान्वयन को लक्षित करना अनिवार्य रूप से असंभव है। जबकि type="context" का अर्थ है कि फ़ायरफ़ॉक्स उपयोगकर्ता मेनू देखेंगे, यह spec के विपरीत है और शायद अन्य ब्राउज़रों द्वारा समर्थित नहीं होगा।

+0

किसी कारण से यह क्रोमियम [वेब प्लेटफ़ॉर्म स्थिति पृष्ठ] (https://www.chromestatus.com/features#menu) पर सूचीबद्ध नहीं है, लेकिन [यहां प्रासंगिक बग है] (https://code.google.com/p/chromium/issues/detail?id=87553) जो इसे ट्रैक करना चाहता है। – janfoeh

+0

फ़ायरफ़ॉक्स बग: ["अद्यतन करने के लिए

अद्यतन करें"] (https://bugzilla.mozilla.org/show_bug.cgi?id=897102) – janfoeh

संबंधित मुद्दे