Khám phá web hỗ trợ

Trình duyệt của bạn hỗ trợ những chức năng nâng cao nào dành cho web? Và ứng dụng web nào sử dụng những tính năng này? Để trả lời các câu hỏi này, hãy truy cập trang web thử nghiệm trình duyệt và tiện ích trình duyệt.

Project Fugu là nỗ lực của nhiều công ty nhằm thu hẹp khoảng cách trong các chức năng của web, cho phép các lớp ứng dụng mới chạy trên web. Cụ thể hơn, bạn phải thêm các API mới vào các trình duyệt mà nhà phát triển ứng dụng có thể dùng để hỗ trợ các trường hợp sử dụng bất khả thi trước đây. Trình duyệt mà bạn chọn hỗ trợ những API nào? Ứng dụng web nào sử dụng các API này? Hãy cùng tìm hiểu nào!

Trình duyệt của tôi hoạt động như thế nào?

Các API Project Fugu như Xử lý tệp, Truy cập hệ thống tệp, Bảng nhớ tạm không đồng bộChia sẻ web đã mang đến các tính năng cho web mà bạn có thể chỉ làm được trong các ứng dụng dành riêng cho nền tảng. Ví dụ: giờ đây, bạn có thể nhấp đúp vào một tệp hình ảnh để tệp đó mở trong một ứng dụng web tiến bộ (PWA) được liên kết, sửa đổi, lưu thay đổi trở lại tệp, sau đó sao chép nội dung hình ảnh vào một ứng dụng khác hoặc chia sẻ tệp đó với một ứng dụng email. Đây là quy trình mà gần đây chúng tôi không thể thực hiện trên web.

Để tìm hiểu những gì có thể, hãy xem ứng dụng Trình duyệt của tôi như thế nào? và xem các API Project Fugu mà trình duyệt của bạn hỗ trợ. Không phải tính năng nào cũng được hiển thị trên tất cả các nền tảng – ví dụ: API Bộ chọn liên hệ hiện chỉ xuất hiện trên thiết bị di động. Vì vậy, về mặt kỹ thuật, bạn không thể đạt điểm 100% nếu kiểm thử trên máy tính (và ngược lại). Do đó, hãy coi chương trình kiểm thử này là một cuộc cạnh tranh vui nhộn thay vì theo khoa học tuyệt đối. Đối với mỗi tính năng được thử nghiệm, bạn sẽ thấy đường liên kết đến tài liệu liên quan để tìm hiểu thêm về tính năng này. Khi có thể phát hiện tính năng, bạn cũng cần ghi chú về việc tính năng có được trình duyệt của bạn hỗ trợ hay không. Cuối cùng là số liệu thống kê về lượt tải trang được liên kết với Trạng thái Chrome cho biết mức độ phổ biến của một tính năng nhất định theo thời gian.

Nếu trình duyệt của bạn hỗ trợ API Chia sẻ web, bạn có thể chia sẻ hiệu suất của trình duyệt bằng cách nhấp vào nút Chia sẻ ngay bên cạnh cá Fugu và thanh tiến trình. Ngoài ra, bạn có thể tải ảnh chụp màn hình xuống rồi chia sẻ theo cách thủ công trên mạng xã hội trực tuyến mà bạn chọn.

Trang web tại https://howfuguismybrowser.dev/.
Có bao giờ bạn thắc mắc: "Trình duyệt của mình là Fugu như thế nào không?"

Fugu là môi trường web như thế nào?

Tiện ích trình duyệt đồng hành có tên Web của Fugu là như thế nào? sẽ giúp bạn tìm hiểu API Fugu nào được các trang web bạn đang truy cập sử dụng. Hãy cài đặt tiện ích này từ Cửa hàng Chrome trực tuyến rồi duyệt web, sau đó chú ý đến cách bộ đếm cá Fugu trên một số trang web hiển thị huy hiệu có API Project Fugu được phát hiện. Ví dụ: nếu bạn duyệt đến Excalidraw, bộ đếm sẽ chuyển đến 9, vì Excalidraw sử dụng 9 API Project Fugu có thể phát hiện được. Đó là:

  1. CacheStorage
  2. Trình chạy dịch vụ
  3. Chia sẻ trên web
  4. Bảng nhớ tạm không đồng bộ
  5. Bảng nhớ tạm không đồng bộ (Hình ảnh)
  6. Quyền truy cập vào hệ thống tệp
  7. Mục tiêu chia sẻ web
  8. Mục tiêu chia sẻ trên web (Tệp)
  9. Xử lý tệp
Tiện ích "How Fugu is the Web" được gọi trên trang web https://excalidraw.com/.
Có bao giờ bạn tự hỏi: "Sfugu là môi trường web như thế nào?"

Như trước đây, bạn có thể Chia sẻ kết quả trực tiếp nếu trình duyệt của bạn hỗ trợ API Chia sẻ web hoặc theo cách thủ công nếu trình duyệt không hỗ trợ. Để xem trình duyệt của bạn có hỗ trợ một tính năng nào đó hay không, hãy đọc tài liệu liên quan bằng cách nhấp vào Chi tiết. Bạn cũng có thể xem trực tiếp đoạn mã nguồn có liên quan bằng cách nhấp vào đường liên kết đến mã nguồn trong danh sách dấu đầu dòng.

Kết luận

Khi duyệt web bằng tiện ích How Fugu is the Web? (Làm thế nào Fugu web?) được cài đặt, bạn có thể thấy tần suất huy hiệu Project Fugu API xuất hiện rất ấn tượng. Điều này bao gồm từ các trang có các tính năng đơn giản như có thể dán hình ảnh vào một ứng dụng, chẳng hạn như trong trang Vấn đề mới của GitHub (thay vì tải chúng lên dưới dạng một lựa chọn ít thoải mái hơn) cho đến các ứng dụng toàn diện sử dụng một số tính năng như xử lý tệp, truy cập vào hệ thống tệp và truy cập vào bảng nhớ tạm, như trong Excalidraw. Nếu trước đây yêu cầu phải có một ứng dụng dành riêng cho nền tảng, thì giờ đây, trong một số trường hợp, ứng dụng web có thể điền vào. Ví dụ như ứng dụng Wootility của Wooting để lập trình bàn phím trò chơi bằng API WebHID.

Tương tự, việc chạy How Fugu is my browser? trên mỗi phiên bản mới của trình duyệt mà bạn chọn (hoặc bất kỳ trình duyệt nào khác hoặc WebView được nhúng) đều rất hài lòng. Với hầu hết mọi bản phát hành trình duyệt mới, thanh tiến trình sẽ dịch chuyển lên một chút khi trình duyệt của bạn có được một hoặc hai tính năng mới.

Việc xây dựng cho web trở nên khả thi hơn bao giờ hết, và các tính năng mới liên tục được thêm vào nền tảng với tốc độ đáng kinh ngạc. Web không phải là lựa chọn duy nhất để bạn xây dựng ứng dụng, nhưng tôi hy vọng với trang web thử nghiệm này và tiện ích trình duyệt, tôi đã thuyết phục bạn cung cấp trang web có khả năng hỗ trợ nếu từ trước đến nay bạn vẫn chưa cân nhắc đến.