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 có thể thêm trải nghiệm duyệt web tuỳ chỉnh ngay trong ứng dụng của họ.
Việc tải nội dung web đã là 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 lựa chọn cũ có thể gây ra nhiều thách thức cho nhà phát triển. Việc khởi chạy trình duyệt thực là một hoạt động chuyển đổi ngữ cảnh nặng đối với người dùng và không thể tuỳ chỉnh, trong khi WebView không hỗ trợ tất cả cá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à làm tăng chi phí bảo trì.
Thẻ tuỳ chỉnh cho phép người dùng ở lại 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 rời bỏ ứng dụng. Thẻ tuỳ chỉnh được hỗ trợ trực tiếp bởi trình duyệt mà người dùng ưu tiên và tự động chia sẻ trạng thái cũng như các tính năng do trình duyệt đó cung cấp. Bạn không cần viết mã tuỳ chỉnh để quản lý các yêu cầu, việc cấp quyền hoặc kho lưu trữ cookie.
Các 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 của bạn muốn dùng. Mọi API hoặc tính năng của nền tảng web đều có ở đó và có 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.
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 chrome trình duyệt và trải nghiệm người dùng. Trong ứng dụng, bạn sẽ chạy một Thẻ tuỳ chỉnh bằng cách sử dụng một Intent. Khi gọi Intent này, 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 mà bạn muốn. Sau đây là một số điểm tuỳ chỉnh mà bạn có thể thêm:
- Ảnh động tuỳ chỉnh khi vào và thoát để 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
- Màu sắc nhất quán 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
- Các thao tác và mục nhập 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 khi khởi chạy Thẻ tuỳ chỉnh, cho phép thực hiện những việc như phát trực tuyến video trong khi tương tác với cửa hàng trực tuyến
Ngoài ra, người dùng có thể thu nhỏ Thẻ tuỳ chỉnh để tương tác với ứng dụng cơ bản và khôi phục thẻ này 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 mình. Điều này giúp người dùng có thể chọn cách khác thay vì đóng Thẻ tuỳ chỉnh để họ có thể thực hiện nhiều việc cùng lú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.
Điều đó khác xa với mọi thứ. Thẻ tuỳ chỉnh rất mạnh mẽ và đang được phát triển tích cực. Mỗi trình duyệt cần thêm chế độ hỗ trợ cho các tính năng này khi chúng được cung cấp. Mặc dù hầu hết các trình duyệt đều có một mức độ hỗ trợ nhất định, nhưng bạn cần biết những gì có thể hoặc không thể có trong trình duyệt của người dùng. Tham khảo bảng so sánh tính năng để nhanh chóng kiểm tra tính sẵn có của các tính năng trên các trình duyệt Android phổ biến.
Bạn có thể kiểm thử tính năng này ngay bây giờ 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ó cách "chính xác" nào để 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 chỉ lưu trữ nội dung của riêng mình 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 hướng người dùng đến các URL bên ngoài miền, thì trạng thái dùng chung tích hợp trong Thẻ tuỳ chỉnh có nghĩa là đây có thể 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:
- 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.
- Tối ưu hoá hiệu suất:
- Làm nóng trước Trình duyệt ở chế độ nền, đồng thời tránh chiếm đoạt tài nguyên của ứng dụng.
- Tăng tốc độ tải trang bằng cách tải trước các URL theo suy đoán.
- Quản lý vòng đời: Hệ thống sẽ không loại bỏ những ứng dụng khởi chạy một Thẻ tuỳ chỉnh trong quá trình sử dụng Thẻ đó. Tầm quan trọng của Thẻ tuỳ chỉnh được nâng lên mức nền trước.
- Mô hình quyền và vùng chứa cookie dùng chung để người dùng không phải đăng nhập vào những trang web mà họ đã kết nối hoặc cấp lại quyền mà họ đã cấp.
- Các tính năng của trình duyệt như tự động điền để hoàn thành biểu mẫu hiệu quả hơn được cung cấp ngay khi xuất xưởng.
- 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 Tab 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ó giao diện người dùng nào. Đây là lựa chọn được đề xuất cho những nhà phát triển muốn mở Ứng dụng web tiến bộ của riêng họ ở chế độ toàn màn hình trong ứng dụng Android của riêng họ.
Thẻ tuỳ chỉnh có ở đâu?
Thẻ tuỳ chỉnh là một tính năng được các trình duyệt trên nền tảng Android hỗ trợ. Tính năng này ban đầu được Chrome giới thiệu trong phiên bản 45. Hầu hết các trình duyệt Android đều hỗ trợ giao thức này.
Chúng tôi rất mong nhận được ý kiến phản hồi, câu hỏi và đề xuất của bạn về dự án này. Vì vậy, bạn nên báo cáo vấn đề trên crbug.com và đặt câu hỏi trên Twitter @ChromiumDev.
Tìm hiểu thêm
Nếu có thắc mắc, hãy xem thẻ chrome-custom-tabs trên StackOverflow.