Trình duyệt của bạn hỗ trợ những tính năng web nâng cao nào? Và những ứng dụng web nào sử dụng các chức năng này? Để trả lời các câu hỏi này, hãy xem một trang web kiểm thử trình duyệt và một tiện ích trình duyệt.
Dự án Fugu là một nỗ lực của nhiều công ty nhằm thu hẹp khoảng cách về 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, điều này có nghĩa là thêm các API mới vào trình duyệt mà nhà phát triển ứng dụng có thể sử dụng để hỗ trợ các trường hợp sử dụng trước đây không thể thực hiện được. Trình duyệt bạn chọn hỗ trợ những API nào? Những ứng dụng web nào sử dụng các API này? Hãy cùng tìm hiểu!
Trình duyệt của tôi có Fugu không?
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ộ và Chia sẻ trên web đã mang đến cho web những chức năng mà bạn chỉ có thể mong đợi 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 PWA được liên kết, thực hiện các sửa đổi, lưu các 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 ứng dụng email. Đây là quy trình không thể thực hiện trên web cho đến gần đây.
Để tìm hiểu những gì có thể, hãy xem ứng dụng Trình duyệt của tôi có Fugu không? và xem trình duyệt bạn chọn có hỗ trợ API Project Fugu nào không. Không phải tính năng nào cũng hiển thị trên tất cả các nền tảng. Ví dụ: Contact Picker API 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 coi bài kiểm thử này là một cuộc thi vui nhộn thay vì một bài kiểm thử khoa học tuyệt đối. Đối với mỗi tính năng được kiểm thử, sẽ có một đường liên kết đến tài liệu có liên quan để bạn có thể tìm hiểu thêm về tính năng đó. Khi có thể phát hiện tính năng, bạn cũng sẽ thấy một ghi chú cho biết trình duyệt của bạn có hỗ trợ tính năng đó hay không. Cuối cùng, thống kê về lượt tải trang được liên kết với Trạng thái Chrome sẽ 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ợ Web Share API, bạn có thể chia sẻ mức độ Fugu 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. 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 mà bạn chọn.
Trang web có Fugu không?
Tiện ích trình duyệt đồng hành có tên How Fugu is the web? (Trang web có Fugu không?) sẽ giúp bạn tìm hiểu những API Fugu mà các trang web bạn đang truy cập sử dụng. Cài đặt tiện ích này từ Cửa hàng Chrome trực tuyến và duyệt web, sau đó hãy chú ý 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 sang 9, vì Excalidraw sử dụng 9 API Project Fugu có thể phát hiện được. Đó là:
- CacheStorage
- Trình chạy dịch vụ
- Chia sẻ trên web
- Bảng nhớ tạm không đồng bộ
- Bảng nhớ tạm không đồng bộ (Hình ảnh)
- Quyền truy cập vào hệ thống tệp
- Mục tiêu chia sẻ trên web
- Mục tiêu chia sẻ trên web (Tệp)
- Xử lý tệp
Giống như trước đây, bạn có thể Chia sẻ trực tiếp kết quả nếu trình duyệt của bạn hỗ trợ Web Share API hoặc chia sẻ theo cách thủ công nếu không. Để 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 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 dấu đầu dòng.
Kết luận
Khi duyệt web bằng tiện ích How Fugu is the Web? (Trang web có Fugu không?), bạn sẽ thấy huy hiệu API Project Fugu xuất hiện thường xuyên đến mức ấn tượng. Điều này варьируется 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 ít tiện lợi hơn), đến các ứng dụng đầy đủ 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 bảng nhớ tạm, như trong Excalidraw. Trước đây, bạn cần có một ứng dụng dành riêng cho nền tảng, nhưng giờ đây, trong một số trường hợp, bạn có thể sử dụng ứng dụng web. Ví dụ: ứng dụng Wootility của Wooting để lập trình bàn phím chơi trò chơi bằng WebHID API.
Tương tự, việc chạy How Fugu is my browser? (Trình duyệt của tôi có Fugu không?) trên mỗi phiên bản mới của trình duyệt 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 các bản phát hành trình duyệt mới, thanh tiến trình sẽ di chuyển 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 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 này 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 rằng với trang web kiểm thử này và tiện ích trình duyệt, tôi đã thuyết phục bạn xem xét lại web có khả năng nếu bạn chưa cân nhắc đến việc này.