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 khai thác 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ả của việc hiển thị một số loại nội dung nhất định.

Nhúng nội dung bằng WebView

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

Ứng dụng Android mở Google Play, trong đó chế độ xem web chính được đánh dấu bằng hộp màu đỏ Ứng dụng Android mở ra kèm theo văn bản hỗ trợ trong hộp màu đỏ.
Hình 1. Nội dung trên web được nhúng trong ứng dụng có các đối tượng `WebView` làm nội dung chính (bên trái) và nội dung hỗ 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:

  • Web nhúng: 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, giống 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: WebView có thể tìm nạp và hiển thị các trang web từ Internet, giống như một trình duyệt thông thường.
    • Tệp cục bộ: Thành phần này 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 linh độ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.

  • Hiển thị: WebView sử dụng công cụ trình duyệt để phân tích cú pháp và hiển thị 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 bối cảnh của trang web đã tải. Điều này cho phép tương tác và cập nhật linh động trong WebView.

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

    • Mã JavaScript cho mã ứng dụng: Mã JavaScript chạy trong WebView có thể gọi các API lưu trữ 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ư máy ảnh, GPS hoặc cảm biến.

    • Mã ứng dụng cho JavaScript: Ứng dụng cũng có thể chèn mã JavaScript vào WebView, thao tác với 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.

Điểm khác biệt giữa WebView và trình duyệt

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 thanh điều hướng và các thành phần giao diện người dùng khác để điều hướng web rộng hơn, trải nghiệm tổng thể của WebView được định hình theo 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 thông thường, hãy xem nội dung 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, chẳng hạn như nút màn hình chính, 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ì Android 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 tự động đẩy và tích hợp vào ứng dụng hằng tháng. Trình duyệt dựa vào các bản cập nhật ứng dụng tương ứng, 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 Xây dựng ứng dụng web trong WebView.

Tài nguyên khác

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