In che modo il sito Web MDN modifica il menu di scelta rapida?

Question

In che modo il sito Web MDN (Mozilla Developer Network) modifica il menu di scelta rapida?
Ad esempio, this page.
Ho pensato di aver creato l'intero menu di scelta rapida per chiamarlo quando l'evento contextmenu è stato attivato, ma sembra un po 'pazzo.
Inoltre, non funziona su Chrome, quindi suppongo che sia una funzionalità solo per Firefox.
Qualcuno sa come lo fanno?

Answer 1

documentazione è un po 'scarne, ma è con il contextmenuattribute which is new in HTML5. Utilizza lo menuHTML tag che ora è diverso dalla sua implementazione HTML4. supporto del browser isn't so great, ma è supportato in Firefox 8.

Ecco uno screenshot del DOM sulla pagina che mostra il relativo codice HTML, l'attributo contextmenu sulla body ei menu tag, che vengono espansi.

UPDATE: questa risposta in precedenza dichiarato che Chrome 36 e fino sostenuto questa caratteristica, come affermato in precedenza dalla pagina di caniuse. Questo sembra non essere il caso e caniuse ha rimosso queste informazioni.

Answer 2

Ho appena finito di scrivere un articolo sui menu HTML5 e il supporto del browser: https://dpogue.ca/articles/html5-menu.html

In sintesi:

• Firefox implementa questo utilizzando il vecchio (non spec-compliant) type="context" attributo tag menù . C'è un bug per Firefox per l'aggiornamento alle specifiche più recenti.

• Chrome lo implementa in base alle specifiche (type="popup") a partire da Chrome 41, ma è dietro il flag "Caratteristiche della piattaforma Web sperimentale".

A causa di questa differenza nell'attributo type, è essenzialmente impossibile scegliere come target entrambe le implementazioni allo stesso tempo. Mentre type="context" significa che gli utenti di Firefox vedranno il menu, è contrario alle specifiche e probabilmente non sarà supportato da altri browser.