Trang web MDN thay đổi menu ngữ cảnh như thế nào?

Question

Trang web MDN (Mạng nhà phát triển Mozilla) thay đổi menu ngữ cảnh như thế nào? Ví dụ: this page.
Tôi nghĩ rằng họ đã tạo ra toàn bộ menu ngữ cảnh để gọi nó khi sự kiện contextmenu được kích hoạt, nhưng có vẻ hơi điên rồ.
Hơn nữa, nó không hoạt động trên Chrome, vì vậy tôi cho rằng đó là tính năng chỉ dành cho Firefox.
Có ai biết họ làm như thế nào không?

Answer 1

Tài liệu hơi thưa thớt nhưng sử dụng contextmenuattribute which is new in HTML5. Nó sử dụng menuHTML tag hiện giờ khác với triển khai HTML4 của nó. Trình duyệt hỗ trợ isn't so great, nhưng nó được hỗ trợ trong Firefox 8.

Đây là một ảnh chụp màn hình của DOM trên trang hiển thị HTML có liên quan, contextmenu thuộc tính trên body và menu thẻ được mở rộng.

UPDATE: Câu trả lời này trước đó tuyên bố rằng Chrome 36 trở lên được hỗ trợ tính năng này, như đã nêu trước đó bởi trang caniuse. Điều này dường như không phải là trường hợp và caniuse đã loại bỏ thông tin này.

Answer 2

Tôi chỉ viết xong một bài viết về menu HTML5 và hỗ trợ trình duyệt: https://dpogue.ca/articles/html5-menu.html

Để tóm tắt:

• Firefox thực hiện điều này bằng cách sử dụng cũ (không SPEC-compliant) type="context" thuộc tính trên thẻ đơn . Có lỗi trong Firefox để cập nhật thông số mới hơn.

• Chrome triển khai theo thông số kỹ thuật (type="popup") kể từ Chrome 41, nhưng nó nằm phía sau cờ "Tính năng nền tảng thử nghiệm trên web".

Do sự khác biệt này trong thuộc tính loại, về cơ bản không thể nhắm mục tiêu cả hai triển khai cùng một lúc. Trong khi type="context" có nghĩa là người dùng Firefox sẽ thấy menu, điều này trái với thông số kỹ thuật và có thể sẽ không được các trình duyệt khác hỗ trợ.