Nhúng nội dung web vào ứng dụng của bạn dưới dạng nội dung chính hoặc nội dung hỗ trợ

Android cho phép bạn tận dụng sức mạnh của web trong ứng dụng. Nhờ đó, bạn có thể hưởng lợi từ tính linh hoạt và hiệu quả khi hiển thị một số loại nội dung.

Nhúng nội dung bằng WebView

API WebView cho phép bạn truy cập vào các chức năng của một trình duyệt thu nhỏ để hiển thị nội dung web trong ứng dụng. Nhờ đó, bạn có thể cung cấp trải nghiệm dựa trên web dưới dạng một phần cốt lõi hoặc hỗ trợ trong ứng dụng của mình, như trong Hình 1.

Ứng dụng Android mở ra Google Play, trong đó khung hiển thị web chính được đánh dấu bằng một hộp màu đỏ Ứng dụng Android mở ra với văn bản hỗ trợ bên trong một hộp màu đỏ.
Hình 1. Nội dung web được nhúng trong ứng dụng bằng các đối tượng `WebView` làm nội dung chính (bên trái) và nội dung bổ trợ (bên phải).

Những việc WebView có thể làm

Bạn có thể làm những việc sau với WebView trong ứng dụng của mình:

  • Nhúng web: WebView được tích hợp vào giao diện người dùng của ứng dụng dưới dạng một thành phần, tương tự như nút hoặc trường văn bản.

  • Tải nội dung: WebView có thể tải nội dung trên web từ nhiều nguồn:

    • URL từ xa: Ứng dụng này có thể tìm nạp và hiển thị các trang web trên Internet, giống như một trình duyệt thông thường.
    • Tệp cục bộ: Có thể tải các tệp HTML, CSS và JavaScript được lưu trữ trong tài nguyên của ứng dụng.
    • Nội dung được tạo động: Ứng dụng có thể tạo nội dung HTML một cách linh động và cung cấp nội dung đó cho WebView.

  • Kết xuất: WebView sử dụng công cụ trình duyệt để phân tích cú pháp và kết xuất HTML, CSS và JavaScript, hiển thị trang web kết quả trong khu vực được chỉ định trong giao diện người dùng của ứng dụng.

  • Thực thi JavaScript: WebView có thể thực thi mã JavaScript trong ngữ cảnh của trang web đã tải. Điều này cho phép các hoạt động tương tác và nội dung cập nhật linh hoạt trong WebView.

  • Tương tác với ứng dụng của bạn: Đây là nơi WebView trở nên mạnh mẽ hơn. Thao tác này cho phép giao tiếp hai chiều giữa trang web và ứng dụng.

    • JavaScript cho mã ứng dụng: Mã JavaScript chạy trong WebView có thể gọi các API máy chủ của ứng dụng, cho phép truy cập vào các tính năng của thiết bị như camera, GPS hoặc cảm biến.

    • Mã ứng dụng thành JavaScript: Ứng dụng cũng có thể chèn mã JavaScript vào một WebView, thao tác nội dung của trang web hoặc phản hồi các sự kiện do trang web kích hoạt.

WebView khác với trình duyệt như thế nào

WebView là một thành phần có khả năng tuỳ chỉnh cao, cung cấp chức năng cốt lõi của một cửa sổ vào web. Không giống như trình duyệt (cung cấp một thanh điều hướng và các phần tử khác trên giao diện người dùng để điều hướng trên web một cách rộng rãi hơn), trải nghiệm tổng thể của một WebView được định hình bởi thiết kế và mục đích của ứng dụng.

Để hiểu rõ hơn về sự khác biệt giữa WebView và các trình duyệt tiêu chuẩn, hãy xem phần giải thích sau:

Giao diện người dùng: WebView được dùng để hiển thị nội dung trên web và không có tiêu đề hoặc giao diện người dùng riêng như hầu hết các trình duyệt phổ biến khác, ví dụ: nút trang chủ, thanh địa chỉ hoặc trình đơn cài đặt.

Tính năng: Nhiều trình duyệt có các tính năng tích hợp sẵn để tăng cường trải nghiệm duyệt web, chẳng hạn như dấu trang, quyền hoặc nhật ký.

Bản cập nhật: Vì WebView là một dịch vụ hệ thống trên Android, nên các bản cập nhật sẽ được đẩy và tích hợp vào các ứng dụng một cách tự động hằng tháng. Các trình duyệt dựa vào bản cập nhật ứng dụng tương ứng và sau đó người dùng cuối sẽ áp dụng bản cập nhật trên thiết bị của họ.

Bắt đầu

Để biết thông tin về cách sử dụng WebView trong ứng dụng, hãy xem tài liệu Tạo ứng dụng web trong WebView.

Tài nguyên khác

Để phát triển các trang web cho thiết bị chạy Android bằng cách sử dụng các đối tượng WebView hoặc Thẻ tuỳ chỉnh, hãy xem các tài liệu sau: