Tổng quan về Thẻ tuỳ chỉnh trên Android

Thẻ tuỳ chỉnh là một tính năng trong trình duyệt Android, giúp nhà phát triển ứng dụng thêm trải nghiệm trình duyệt tuỳ chỉnh ngay trong ứng dụng của họ.

Việc tải nội dung web đã trở thành một phần của ứng dụng di động từ những ngày đầu của điện thoại thông minh, nhưng các tuỳ chọn cũ có thể gây ra thách thức cho nhà phát triển. Việc khởi chạy trình duyệt thực tế là một chuyển đổi ngữ cảnh nặng nề đối với người dùng không thể tuỳ chỉnh được, trong khi WebView không hỗ trợ tất cả tính năng của nền tảng web, không chia sẻ trạng thái với trình duyệt và phát sinh thêm chi phí bảo trì.

Thẻ tuỳ chỉnh cho phép người dùng vẫn ở trong ứng dụng trong khi duyệt web, tăng mức độ tương tác và giảm nguy cơ người dùng bỏ ứng dụng. Thẻ tuỳ chỉnh thực hiện việc này bằng cách được trình duyệt mà người dùng ưu tiên cung cấp trực tiếp, đồng thời tự động chia sẻ trạng thái và các tính năng mà trình duyệt đó cung cấp. Bạn không cần phải viết mã tuỳ chỉnh để quản lý các yêu cầu, việc cấp quyền hoặc lưu trữ cookie.

Thẻ tuỳ chỉnh có thể làm gì?

Khi sử dụng Thẻ tuỳ chỉnh, nội dung web của bạn sẽ tải trong bất kỳ công cụ kết xuất nào hỗ trợ trình duyệt mà người dùng ưu tiên. Mọi tính năng API hoặc nền tảng web đều có sẵn ở đó và có sẵn trong Thẻ tuỳ chỉnh của bạn. Phiên duyệt web, mật khẩu đã lưu, phương thức thanh toán và địa chỉ của họ đều xuất hiện giống như họ đã quen thuộc.

Tôi có thể tuỳ chỉnh những gì trong Thẻ tuỳ chỉnh?

Khá nhiều! Thẻ tuỳ chỉnh cho phép bạn kiểm soát chi tiết nhiều thành phần giao diện người dùng và trải nghiệm người dùng trên trình duyệt. Trong ứng dụng của mình, bạn chạy một Thẻ tuỳ chỉnh bằng cách sử dụng một Ý định. Khi Ý định này được gọi, bạn có thể thêm một số thuộc tính vào CustomTabIntent để có được trải nghiệm chính xác như mong muốn. Dưới đây là một số cách tuỳ chỉnh mà bạn có thể thêm:

  • Ảnh động tuỳ chỉnh khi mở và đóng để phù hợp với phần còn lại của ứng dụng
  • Sửa đổi màu thanh công cụ cho phù hợp với thương hiệu của ứng dụng
  • Tính nhất quán về màu sắc có thể duy trì trong ứng dụng của bạn, ngay cả khi người dùng chuyển đổi giữa giao diện sáng và tối
  • Thao tác và mục tuỳ chỉnh vào thanh công cụ và trình đơn của trình duyệt
  • Kiểm soát chiều cao khởi chạy của Tab tùy chỉnh, cho phép những tính năng như phát trực tuyến video trong khi tương tác với cửa hàng trực tuyến của bạn

Ngoài ra, người dùng có thể thu nhỏ một Thẻ tuỳ chỉnh để tương tác với ứng dụng cơ bản và khôi phục ứng dụng đó bất cứ lúc nào mà không bị mất tiến trình tiếp tục hành trình của họ. Điều này giúp người dùng có một lựa chọn thay thế để đóng Thẻ tuỳ chỉnh và họ có thể làm nhiều việc một cách liền mạch giữa web và ứng dụng gốc. Tính năng này được bật theo mặc định cho Thẻ tuỳ chỉnh.

Đó không phải là mọi thứ. Thẻ tuỳ chỉnh rất mạnh mẽ và đang trong quá trình phát triển. Mỗi trình duyệt cần thêm tính năng hỗ trợ cho các tính năng này khi chúng có sẵn. Mặc dù hầu hết đều có một mức độ hỗ trợ nào đó, nhưng điều quan trọng là bạn phải biết những tính năng có thể có hoặc không có trong trình duyệt của người dùng. Hãy tham khảo bảng so sánh tính năng để nhanh chóng kiểm tra xem các tính năng có sẵn trên các trình duyệt Android phổ biến hay không.

Bạn có thể kiểm thử tính năng này ngay bằng mẫu của chúng tôi trên GitHub.

Khi nào nên sử dụng Thẻ tuỳ chỉnh?

Không có một cách "chính xác" duy nhất để tải nội dung web. Trong một số trường hợp nhất định, WebView sẽ là công nghệ phù hợp để sử dụng. Ví dụ: nếu bạn đang lưu trữ độc quyền nội dung của riêng mình bên trong ứng dụng hoặc nếu bạn cần chèn JavaScript trực tiếp từ ứng dụng. Nếu ứng dụng của bạn chuyển mọi người đến các URL bên ngoài miền, thì trạng thái chia sẻ được tích hợp sẵn trong Thẻ tuỳ chỉnh có nghĩa là lựa chọn phù hợp hơn. Các điểm mạnh khác của Thẻ tuỳ chỉnh bao gồm:

  1. Bảo mật: Thẻ tuỳ chỉnh sử dụng tính năng Duyệt web an toàn của Google để bảo vệ người dùng và thiết bị khỏi các trang web nguy hiểm.
  2. Tối ưu hoá hiệu suất:
    1. Khởi động trước Trình duyệt ở chế độ nền, đồng thời tránh đánh cắp tài nguyên của ứng dụng.
    2. Tăng tốc độ tải trang bằng cách tải trước URL theo suy đoán.
  3. Quản lý vòng đời: Hệ thống sẽ không loại bỏ các ứng dụng khởi chạy Thẻ tuỳ chỉnh trong quá trình sử dụng Thẻ – mức độ quan trọng của ứng dụng sẽ được nâng lên cấp "nền trước".
  4. Mô hình quyền và hộp cookie dùng chung để người dùng không phải đăng nhập vào các trang web mà họ đã kết nối hoặc cấp lại các quyền mà họ đã cấp.
  5. Các tính năng của trình duyệt như tự động điền để hoàn tất biểu mẫu hiệu quả hơn được cung cấp ngay từ đầu.
  6. Người dùng có thể quay lại ứng dụng bằng nút quay lại tích hợp.

Thẻ tuỳ chỉnh so với Hoạt động đáng tin cậy trên web

Hoạt động đáng tin cậy trên web mở rộng giao thức Thẻ tuỳ chỉnh và chia sẻ hầu hết các lợi ích của giao thức này. Tuy nhiên, thay vì cung cấp giao diện người dùng tuỳ chỉnh, API này cho phép nhà phát triển mở một thẻ trình duyệt mà không cần giao diện người dùng nào cả. Bạn nên sử dụng tính năng này nếu muốn mở Ứng dụng web tiến bộ của riêng mình ở chế độ toàn màn hình bên trong ứng dụng Android của riêng mình.

Thẻ tuỳ chỉnh có ở đâu?

Thẻ tuỳ chỉnh là một tính năng được các trình duyệt hỗ trợ trên nền tảng Android. Tính năng này ban đầu được Chrome giới thiệu trên phiên bản 45. Giao thức này được hầu hết các trình duyệt Android hỗ trợ.

Chúng tôi đang tìm kiếm ý kiến phản hồi, câu hỏi và đề xuất về dự án này. Vì vậy, bạn nên gửi vấn đề trên crbug.com và đặt câu hỏi trên Twitter @ChromiumDev.

Bắt đầu

Ngoài Bản minh hoạ GitHub, bạn cũng có thể tham khảo một số hướng dẫn để bắt đầu sử dụng Thẻ tuỳ chỉnh.

Nếu bạn có câu hỏi, hãy xem thẻ chrome-custom-tabs trên StackOverflow.