Khám phá web hỗ trợ

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

Project Fugu là nỗ lực của nhiều công ty nhằm thu hẹp các lỗ hổng về khả 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, điều này có nghĩa là thêm API mới vào các trình duyệt mà nhà phát triển ứng dụng có thể sử dụng để hỗ trợ những trường hợp sử dụng trước đây không thể thực hiện được. Trình duyệt mà bạn chọn hỗ trợ API nào? Ứng dụng web nào sử dụng những API này? Hãy cùng tìm hiểu!

Trình duyệt của tôi sao Fugu?

Các API của Project Fugu như File handling (Xử lý tệp), File System Access (Quyền truy cập vào hệ thống tệp), Async Sync (Bộ nhớ tạm không đồng bộ)Web Share (Chia sẻ web) đã mang đến các tính năng trên web mà có thể bạn chỉ thấy được trên 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ẻ nội dung đó với một ứng dụng email. Đây là quy trình mà gần đây bạn chưa thể thực hiện trên web.

Để tìm hiểu những việc bạn có thể làm, hãy xem ứng dụng Trình duyệt của tôi Fugu như thế nào? và xem trình duyệt mà bạn lựa chọn hỗ trợ những API Project Fugu nào. Không phải tính năng nào cũng xuất hiện trên mọi nền tảng (ví dụ: API Bộ chọn liên hệ hiện chỉ hiển thị trên thiết bị di động). Vì vậy, về mặt kỹ thuật, bạn không thể đạt được điểm số 100% nếu kiểm thử trên máy tính (và ngược lại). Do đó, hãy xem đây là một chương trình kiểm thử thú vị thay vì mang tính khoa học tuyệt đối. Đối với mỗi tính năng được thử nghiệm, sẽ có một đường liên kết đến tài liệu liên quan để bạn có thể tìm hiểu thêm về tính năng đó. Nếu có thể phát hiện tính năng, cũng sẽ có ghi chú về việc trình duyệt của bạn có hỗ trợ tính năng này hay không và cuối cùng là số liệu thống kê tải trang được liên kết với Trạng thái Chrome để cho bạn 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, thì bạn có thể chia sẻ về trải nghiệm của trình duyệt bằng cách nhấp vào nút Chia sẻ ngay bên cạnh con cá Fugu và thanh tiến trình. Nếu không, bạn có thể tải ảnh chụp màn hình xuống rồi chia sẻ ảnh đó 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 tôi Fugu như thế nào?"

Internet của Fugu như thế nào?

Tiện ích trình duyệt đồng hành có tên How Fugu is the web? sẽ giúp bạn biết được các trang web bạn đang truy cập sử dụng API Fugu nào. Hãy cài đặt tiện ích này từ Cửa hàng Chrome trực tuyến và 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ó các API Project Fugu đã phát hiện. Ví dụ: nếu bạn duyệt đến Excalidraw, bộ đếm sẽ chuyển lê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. Đích chia sẻ web (tệp)
  9. Xử lý tệp
Tiện ích mở rộng "How Fugu is the Web" được gọi trên trang web https://excalidraw.com/.
Có bao giờ bạn thắc mắc: "Web là 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 không có. Để xem trình duyệt của bạn có hỗ trợ một tính năng hay không, hãy đọc tài liệu liên quan bằng cách nhấp vào Details (Chi tiết). Bạn cũng có thể trực tiếp xem đoạn mã nguồn có liên quan bằng cách nhấp vào đường liên kết mã nguồn trong danh sách có dấu đầu dòng.

Kết luận

Khi duyệt web bằng tiện ích How Fugu is the Web?, thật ấn tượng khi thấy tần suất huy hiệu API Project Fugu xuất hiện. Điều này có thể thay đổi từ các trang có các tính năng tiện lợi 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 lên dưới dạng một tuỳ chọn kém 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 hệ thống tệp và truy cập vào bảng nhớ tạm, như trong Excalidraw. Trước đây, ứng dụng dành riêng cho nền tảng là yêu cầu bắt buộc, thì trong một số trường hợp, giờ đây ứng dụng web có thể điền vào. Một ví dụ điển hình là ứng dụng Wootility của Wooting để lập trình bàn phím trò chơi bằng WebHID API.

Tương tự như vậy, việc chạy How Fugu is my browser? (Trình duyệt của tôi như thế nào?) trên mỗi phiên bản mới của trình duyệt mà bạn chọn (hoặc chỉ 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ẽ tăng lên một chút khi trình duyệt của bạn có thêm một hoặc hai tính năng mới.

Việc xây dựng dành 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 để tạo ứng dụng, nhưng tôi hy vọng qua trang web thử nghiệm này và tiện ích của trình duyệt, tôi đã thuyết phục bạn cung cấp cho web có khả năng một cái nhìn thứ hai nếu bạn chưa cân nhắc đến nó.