Browser API là gì?

API trình duyệt (browser API) là các API được tích hợp vào trình duyệt và cung cấp các tính năng gốc (native feature) có thể được sử dụng trong ứng dụng web (web app). Đây cũng có thể được gọi là web API. Ví dụ: Web Audio API cung cấp các cấu trúc (construct) để điều khiển âm thanh trong trình duyệt, lấy một đoạn âm thanh, thay đổi âm lượng của nó, áp dụng hiệu ứng cho nó, v.v. Trong background, trình duyệt thực sự đang sử dụng một số mã cấp thấp hơn phức tạp (ví dụ: C ++ hoặc Rust) để xử lý âm thanh thực tế. Nhưng một lần nữa, sự phức tạp này được API trừu tượng hóa khỏi bạn.

API trình duyệt có thể được nhóm thành các danh mục (category) khác nhau tùy thuộc vào các chức năng mà chúng thực hiện.

• Fetch API: Chúng có khả năng thực hiện các yêu cầu HTTP (HTTP request) đến máy chủ web (web server). Phản hồi (response) có thể ở định dạng JSON, văn bản thuần túy (plain text) hoặc XML. Fetch API là một sự thay thế cho XHR. Nó đã được giới thiệu trong các trình duyệt gần đây để làm cho các yêu cầu HTTP không đồng bộ (asynchronous) dễ dàng hơn.
• Các API để thao tác cấu trúc tài liệu (document structure): Các API như DOM API có thể được đặt trong danh mục này. Điều này cho phép bạn thao tác HTML và CSS trong việc tạo, xóa và cũng áp dụng động các style mới cho trang của bạn.
• API thiết bị (Device API): Một ví dụ điển hình là Geolocation API, được sử dụng để lấy vị trí địa lý của người dùng. Nó tận dụng khả năng của thiết bị để xác định vị trí của người dùng mà sau đó có thể được sử dụng trong ứng dụng web.
• API để vẽ đồ họa: Các trình duyệt web hiện đại ngày nay đều hỗ trợ tạo đồ họa trên web. Một trong những API là Canvas API. Nó cung cấp một phương tiện để vẽ đồ họa bằng JavaScript và HTML. Các hình dạng, đối tượng và style khác nhau có thể được tạo bằng cách sử dụng API này. Canvas API hiện tại chỉ dựa trên đồ họa 2D.
• Storage API: Các API này cung cấp khả năng lưu trữ dữ liệu ở phía máy khách (client-side), rất hữu ích để lưu trữ một số dữ liệu người dùng nhất định trong một thời gian. Một trong số đó là Web Storage API. Đây có thể là sessionStorage, lưu trữ dữ liệu trong suốt thời gian của phiên (session) hoặc localStorage, lưu trữ dữ liệu ngay cả sau khi trình duyệt bị đóng.
• Audio API và video API: Các API này có thể quản lý, hiển thị và tạo các loại dữ liệu phương tiện (media) khác nhau. Ví dụ như Web Audio API cung cấp một nền tảng (platform) để kiểm soát âm thanh và cho phép các nhà phát triển chọn nguồn âm thanh, thêm hiệu ứng cho âm thanh và hơn thế nữa.