Kiểm tra tính năng trình duyệt trong vài giây

Việc kiểm tra tính năng trình duyệt trả lời nhanh một câu hỏi: chính trình duyệt này làm được những gì? Công cụ quét trình duyệt của bạn tìm 105 Web API hiện đại thuộc 18 nhóm và lần lượt chỉ rõ tính năng nào được hỗ trợ và tính năng nào còn thiếu.

Không phải trình duyệt nào cũng có đủ mọi API. Có cái còn thử nghiệm, có cái cần bối cảnh bảo mật (HTTPS), và có cái đơn giản là chưa được tích hợp vào trình duyệt hay phiên bản đó. Dù bạn là lập trình viên web cần kiểm tra một API trước khi phát hành, người kiểm thử QA so sánh giữa các thiết bị, hay bất kỳ ai đang tìm nguyên nhân một ứng dụng web không tải được, vòng điểm số và kết quả trực tiếp đều cho bạn câu trả lời rõ ràng.

Riêng tư theo thiết kế: mọi lượt kiểm tra đều chạy hoàn toàn trong trình duyệt của bạn bằng cách thử xem một API JavaScript có tồn tại hay không. Không có thông tin nào về trình duyệt được tải lên, lưu trữ hay gửi đến bất kỳ máy chủ nào, và việc quét vẫn hoạt động khi ngoại tuyến sau khi trang đã tải xong.

Cách dùng công cụ Kiểm Tra Tính Năng Trình Duyệt

Mở trang

Việc quét bắt đầu tự động ngay khi công cụ tải xong. Không cần cài đặt, đăng ký hay bấm gì để bắt đầu.

Theo dõi quá trình quét

Mỗi tính năng được kiểm tra lần lượt: một vòng xoay chạy trong khi kiểm tra, rồi dấu tích xanh đánh dấu được hỗ trợ hoặc dấu chéo đỏ đánh dấu một API còn thiếu. Vòng điểm số đầy dần theo từng bước và hiển thị tên trình duyệt cùng nền tảng của bạn.

Lọc và tìm kiếm

Dùng các tab lọc để hiện tất cả tính năng, chỉ những tính năng được hỗ trợ, hoặc chỉ những tính năng không được hỗ trợ. Gõ vào ô tìm kiếm để nhảy đến một tính năng theo tên, và di chuột lên tính năng bất kỳ để xem chú giải dễ hiểu giải thích nó làm gì.

Xuất kết quả

Dùng Sao chép báo cáo để đưa bản tóm tắt văn bản vào bộ nhớ tạm, hoặc JSON để tải về một tệp chi tiết gồm dấu thời gian, chuỗi trình duyệt, điểm số và trạng thái của từng tính năng.

Tính năng nổi bật

Quét tức thì

Việc nhận diện bắt đầu tự động khi tải trang và kiểm tra 105 Web API từng cái một bằng kỹ thuật phát hiện tính năng JavaScript chuẩn, hoàn tất trong vài giây.

Tóm tắt điểm số trực quan

Một vòng điểm số tròn cho biết số tính năng được hỗ trợ trên tổng số kèm tỉ lệ phần trăm, bên cạnh trình duyệt và nền tảng được nhận diện.

Phân loại theo nhóm

Các tính năng được gom thành 18 nhóm — lưu trữ, đồ họa, âm thanh, mạng, cảm biến, phần cứng và hơn thế nữa — mà bạn có thể thu gọn hoặc mở rộng.

Lọc thông minh

Lọc theo Tất cả, Được hỗ trợ hoặc Không được hỗ trợ, và kết hợp với tìm kiếm văn bản trực tiếp để tìm bất kỳ tính năng nào theo tên ngay lập tức.

Chú giải hữu ích

Di chuột lên tính năng bất kỳ để xem chú giải dễ hiểu mô tả API đó làm gì và các tình huống dùng thực tế phổ biến.

Tùy chọn xuất kết quả

Sao chép một báo cáo dễ đọc vào bộ nhớ tạm hoặc tải về tệp JSON gồm dấu thời gian, thông tin trình duyệt, điểm số và đầy đủ trạng thái tính năng.

Những gì được nhận diện

Công cụ kiểm tra bao quát 105 API gom thành 18 nhóm sau đây, để bạn duyệt khả năng theo từng lĩnh vực thay vì một danh sách dài.

API Lưu trữ

Cookies, LocalStorage, SessionStorage, IndexedDB, Cache API, Storage Manager.

Đồ họa & Đa phương tiện

Canvas 2D, WebGL, WebGL 2, WebGPU, thu hình màn hình, MediaRecorder, Picture-in-Picture.

API Âm thanh

Web Audio, Media Session, tổng hợp giọng nói và nhận dạng giọng nói.

Mạng & Giao tiếp

Fetch, WebSocket, WebRTC, Server-Sent Events, Beacon, Broadcast Channel, Network Information.

Worker & Đa luồng

Web Workers, Shared Workers, Service Workers, WebAssembly, SharedArrayBuffer, Atomics.

Cảm biến & Thiết bị

Định vị, hướng thiết bị, chuyển động, ánh sáng môi trường, gia tốc kế, con quay hồi chuyển, từ kế, cảm biến tiệm cận.

Truy cập phần cứng

Gamepad, Web Bluetooth, Web USB, Web Serial, Web NFC, Web MIDI, Web HID.

Thông báo & Chạy nền

Notifications, Push API, Background Sync, Periodic Background Sync, Badging, Background Fetch.

Bộ nhớ tạm & Nhập liệu

Clipboard API, Async Clipboard, Pointer Events, Touch Events, Keyboard Lock, Virtual Keyboard.

Hệ thống tệp

File API, File System Access, Kéo & Thả, Origin Private File System.

Bảo mật & Xác thực

Crypto API, Credential Management, Web Authentication, Permissions API.

Hiển thị & Cửa sổ

Fullscreen, Screen Orientation, Wake Lock, Multi-Screen, Visual Viewport, Window Controls Overlay.

Observer

Các observer Intersection, Resize, Mutation, Performance và Reporting.

Nền tảng Web

History API, Web Share, Payment Request, Contact Picker.

API Nhận diện

Nhận diện mã vạch, khuôn mặt và văn bản.

XR & Thực tế ảo

WebXR cho thực tế ảo và thực tế tăng cường.

Hiệu năng

Performance API, Navigation Timing, Resource Timing, User Timing.

API khác

ES Modules, CSS Houdini, Web Animations, Vibration, Eye Dropper, pin, thiết bị media và hơn thế nữa.

Câu hỏi thường gặp

Làm sao kiểm tra trình duyệt của tôi hỗ trợ những tính năng nào?

Chỉ cần mở công cụ này. Nó tự động quét 105 Web API và hiện dấu tích xanh cho mọi tính năng được hỗ trợ và dấu chéo đỏ cho phần còn lại. Dùng ô tìm kiếm hoặc các tab lọc để tập trung vào một tính năng cụ thể hoặc chỉ những tính năng được hỗ trợ (hay không được hỗ trợ).

Trình duyệt của tôi có hỗ trợ WebGL, WebRTC hay WebGPU không?

Tìm API theo tên — ví dụ gõ "webgl" hoặc "webrtc" — và kết quả cho biết nó có được hỗ trợ trên trình duyệt hiện tại của bạn hay không. WebGL, WebGL 2 và WebGPU nằm trong nhóm Đồ họa & Đa phương tiện; WebRTC nằm trong nhóm Mạng & Giao tiếp.

Kiểm tra tính năng trình duyệt là gì?

Phát hiện tính năng là việc kiểm tra xem một API cụ thể có thực sự tồn tại trong trình duyệt hay không trước khi bạn dùng nó — ví dụ thử xem navigator.bluetooth có hiện diện hay không. Công cụ này chạy đúng phép kiểm tra đó cho từng tính năng, chính là kỹ thuật mà lập trình viên dùng trong mã chạy thực tế.

Phát hiện tính năng khác gì với việc đoán theo trình duyệt?

Đoán theo trình duyệt suy ra khả năng từ chuỗi user-agent ("nếu là Chrome thì giả định có X"), và cách này hỏng dần khi trình duyệt và phiên bản thay đổi. Phát hiện tính năng hỏi trực tiếp trình duyệt xem một API có ở đó hay không, nên luôn chính xác bất kể user agent ra sao. Công cụ này dùng cách phát hiện tính năng.

Vì sao trình duyệt của tôi báo một số tính năng không được hỗ trợ?

Một API có thể bị thiếu vì nhiều lý do: trình duyệt không tích hợp nó, phiên bản của bạn cũ hơn API đó, bạn đang dùng trình duyệt di động với tập tính năng nhỏ hơn, API cần bối cảnh bảo mật HTTPS, hoặc nó còn thử nghiệm và bị ẩn sau một cờ bật.

Vì sao điểm số của tôi thấp hơn trên di động?

Trình duyệt di động thường hỗ trợ ít API hơn máy tính để bàn do giới hạn của hệ điều hành (iOS hạn chế những gì Safari mở ra), sự đánh đổi giữa pin và hiệu năng, cùng chính sách bảo mật chặt hơn. Thử cùng một trang trên Chrome, Firefox, Safari và Edge là cách hay để so sánh.

Kết quả nhận diện có chính xác không?

Nó dùng kỹ thuật phát hiện tính năng JavaScript chuẩn — kiểm tra xem API có tồn tại trên các đối tượng toàn cục của trình duyệt hay không. Cách này đáng tin cậy, nhưng lưu ý rằng một API tồn tại không bảo đảm nó hoạt động đầy đủ: một số bị tắt bởi chính sách, và các API phụ thuộc phần cứng (cảm biến, Bluetooth) có thể báo là khả dụng dù chưa có thiết bị nào được kết nối.

Công cụ này có gửi dữ liệu trình duyệt của tôi đi đâu không?

Không. Mọi lượt kiểm tra đều chạy cục bộ trong trình duyệt của bạn và không có gì được tải lên hay lưu trên máy chủ. Sau khi trang đã tải xong, bạn thậm chí có thể ngắt kết nối Internet mà việc quét vẫn hoạt động. Sao chép báo cáo và xuất JSON đều tạo kết quả ngay trên thiết bị của bạn.