Minimap chỉ dành cho Firefox (2021)

 (stefanjudis.com)
1 điểm bởi GN⁺ 2023-07-18 | 1 bình luận | Chia sẻ qua WhatsApp
  • Firefox là trình duyệt duy nhất hỗ trợ hàm CSS element().
  • Sử dụng hàm CSS element() cho phép hiển thị hình ảnh của một phần tử HTML bất kỳ trên trang.
  • Minimap của bài đăng blog được tạo bằng hàm CSS element().
  • Minimap hoạt động theo thời gian thực, và khi chọn văn bản hoặc cuộn trang, các hình ảnh tải trễ sẽ được hiển thị.
  • Có cung cấp đoạn mã CSS để định nghĩa một phần tử HTML khác làm ảnh nền cho minimap.
  • Cũng có một số đoạn mã JavaScript để di chuyển khung viewport hiện tại của minimap.
  • Bài viết này khuyến khích độc giả tiếp tục sử dụng Firefox, đồng thời nhắc rằng bài đăng đó đã đứng số 1 trên HN.
  • Tác giả cũng quảng bá bản tin và các tài liệu khác trên blog của mình.

Bài viết liên quan

1 bình luận

 
GN⁺ 2023-07-18
Ý kiến trên Hacker News
  • Một nhà phát triển đã tạo ra thư viện JS gói các phần tử DOM và shader GLSL tùy chỉnh, nhưng nó không được chấp nhận rộng rãi trên các trình duyệt khác.
  • Một số người cho rằng minimap trong trình soạn thảo và trang web là vô dụng vì kích thước nhỏ, tốn diện tích màn hình và đã có những lựa chọn thay thế tốt hơn như mục lục và chức năng tìm kiếm.
  • Việc Firefox thiếu hỗ trợ đa trình duyệt cho tính năng element() là điều đáng ngạc nhiên, làm dấy lên câu hỏi về mức độ quan tâm, độ khó triển khai và các vấn đề bảo mật.
  • Khả năng cập nhật theo thời gian thực và đặc tính viewport riêng biệt của tính năng minimap có những tác động và trường hợp sử dụng tiềm năng, nhưng cũng có nghi vấn về việc chuyển phần tử thành hình ảnh và áp dụng bộ lọc CSS.
  • Cần phải chống lại các trang chỉ hoạt động trên Chrome.
  • Tính năng minimap có thể bị các trang web lạm dụng để làm suy giảm tính năng của trình duyệt và hạn chế các thao tác của người dùng như xem qua, lưu và dịch.
  • Tính năng trình bảo vệ màn hình của Firefox khá thú vị.
  • Firefox là trình duyệt được ưa chuộng nhờ khả năng tương thích GPU, nhưng lại không có trình dịch web tốt.
  • Hy vọng tính năng -moz-element sẽ được các trình duyệt khác chấp nhận.
  • Một số người dùng không thể thấy tính năng minimap trong bài viết và không biết lý do vì sao.