Phát hiện động cơ trình duyệt di động: Sự khác biệt giữa iOS và Android là gì?

Khi phát triển các ứng dụng di động, trang H5 hoặc nhận dạng dấu vân tay trình duyệt, chắc chắn bạn đã gặp phải vấn đề đau đầu này:

Trang web giống nhau hoạt động khác nhau trên iOS và Android. Nguyên nhân chính thường liên quan đến "phát hiện trình duyệt di động."

Tiếp theo, biên tập viên sẽ thảo luận: Sự khác biệt giữa các kernel của iOS và Android là gì? Và các công cụ như ToDetect cho việc fingerprint trình duyệt có thể hỗ trợ trong việc gỡ lỗi thực tiễn như thế nào.

1. Tại sao phải làm điều đó?Phát hiện động cơ trình duyệt?

Có thể có nhiều giao diện trình duyệt, nhưng chỉ có một vài lõi. Ví dụ, bạn có thể thấy những tên phóng đại trên điện thoại di động của mình như: phiên bản nhanh nhất nào đó, trình duyệt an toàn nào đó, trình duyệt Android, trình duyệt iOS…

Nhưng phần thực sự hiển thị trang web thường đến từ cùng một engine. Tại sao lại cần phát hiện engine? Có ba lý do chính:

• Các kernel khác nhau có khả năng khác nhau, và các API cũng như tính năng CSS được hỗ trợ có thể khác nhau.

• Sự khác biệt về hiệu suất là đáng kể; hoạt ảnh, video và bố cục thích ứng có thể mang lại kết quả hoàn toàn khác nhau.

• Các chính sách bảo mật là khác nhau, và các khả năng như nhận dạng dấu vân tay trình duyệt và thu thập thông tin thiết bị khác nhau đáng kể giữa các kernel khác nhau.

II. Sự khác biệt giữa các lõi trình duyệt di động của iOS và Android là gì?

1. iOS thống trị thị trường, chỉ cho phép sử dụng WebKit.

Nếu bạn là người dùng iPhone, tất cả các trình duyệt mở trên điện thoại của bạn—dù là Safari, Chrome, Firefox, hay các trình duyệt nội địa khác—đều được Apple yêu cầu sử dụng động cơ WebKit (cụ thể là WKWebView).

Các khả năng cơ bản của tất cả các trình duyệt iOS về cơ bản là tương tự nhau, có nghĩa là trong khi bạn thấy các giao diện khác nhau, hiệu suất web của chúng cực kỳ tương tự. Những khác biệt trong việc nhận diện trình duyệt không đáng kể vì các thành phần cơ bản về cơ bản là thống nhất.

Các tính năng của iOS (chẳng hạn như trở về bằng cử chỉ, bật cuộn, v.v.) gần như không thể thay đổi khi chuyển đổi trình duyệt, vì vậy việc "phát hiện engine trình duyệt iOS" thực sự rất đơn giản, và cuối cùng, nó sẽ luôn quay trở lại WebKit.

2. Android đang phát triển mạnh mẽ với nhiều loại khác nhau, và sự khác biệt giữa các lõi là rất đáng kể.

Android hoàn toàn khác biệt. Nó cho phép các trình duyệt sử dụng kernel riêng và cũng cho phép WebView của hệ thống được cập nhật độc lập. Do đó, bạn sẽ gặp phải:

• Chrome → Nhân Blink

• WeChat, Alipay, Douyin → Xây dựng WebView độc lập của riêng mình (cũng từ Blink, nhưng là các phiên bản khác nhau)

• Cũ Android → Native WebKit (rất cũ, không được khuyến nghị)

Ảnh hưởng do điều này gây ra là rất rõ ràng:

• Mã JS giống nhau có thể tạo ra kết quả khác nhau trên các thiết bị Android khác nhau.

• Hỗ trợ CSS rất khác nhau, và một số hiệu ứng có thể bị giật trong các phiên bản WebView cũ.

• UA, quyền truy cập và chính sách bảo mật của WebView có thể khác nhau.

Khi thực hiện ngón tay nhận diện trình duyệt, các đặc điểm phân bố của Android phức tạp hơn nhiều so với iOS. Việc phát hiện nhân trình duyệt trên Android mới thực sự là "điểm nhấn."

III. Phát hiện động cơ trình duyệt thường được thực hiện như thế nào?

Hầu hết các nhà phát triển xác định điều này thông qua UA (User-Agent), ví dụ:

• Chứa AppleWebKit → Về cơ bản là WebKit/Blink

• Bao gồm Chrome/xx → Blink

• Bao gồm Phiên bản/xx → iOS Safari

Nhưng vấn đề phát sinh:

• UA có thể bị ngụy trang và ngày càng trở nên không đáng tin cậy.

• Việc giảm thiểu UA của Chrome đang khiến thông tin UA trở nên rất hạn chế.

Do đó, một cách chính xác hơn là:

✔ Phát hiện tính năng sử dụng khả năng của trình duyệt

Kiểm tra xem API có tồn tại hay không, ví dụ:

• WebGL, WebRTC

• OffscreenCanvas

• Hỗ trợ tính năng CSS mới

✔ Phân tích kết hợp các đặc điểm dấu vân tay

• Font rendering

• Tính năng của Canvas

• WebGL fingerprint

• Thông tin Màn hình

Cách tiếp cận "phát hiện khả năng + phát hiện hành vi" này ổn định hơn UA và phù hợp hơn với môi trường Web hiện đại.

Bốn.ToDetect Kiểm Tra Dấu Vân Tay Trình DuyệtVai trò trong phân tích kernel

Nhiều nhà phát triển sử dụng một số công cụ khi gỡ lỗi tính tương thích trên di động, trong đó nền tảng phát hiện dấu vân tay trình duyệt ToDetect là khá thực tiễn.

Nó có thể giúp bạn đạt được:

• Phân tích tự động các đặc tính của kernel trình duyệt.

• Hiển thị thông tin dấu vân tay trình duyệt, chẳng hạn như Canvas, WebGL, múi giờ, phông chữ, v.v.

• Phát hiện loại WebView (nhân WeChat, nhân Alipay, v.v.)

• Kiểm tra các tính năng front-end nào được trình duyệt hiện tại hỗ trợ.

• Hãy giúp xác nhận lý do trang web hoạt động bất thường trên một số điện thoại.

Nếu bạn đang khắc phục sự cố cho một chiếc điện thoại Android với việc tải trang bất thường trong khi iPhone hoạt động bình thường, có 80% khả năng vấn đề liên quan đến nhân trình duyệt di động của nó. Sử dụng các công cụ phát hiện như thế này có thể nhanh chóng xác định được vấn đề.

Tóm tắt

• Kernel iOS là thống nhất, trong khi kernel Android thì đa dạng; vì vậy, các phương pháp phát hiện không thể giống nhau.

• Các công cụ phát hiện vân tay trình duyệt như ToDetect có thể cải thiện đáng kể hiệu suất gỡ lỗi.

• Nếu trang web của bạn hoạt động tốt trên iOS nhưng có vấn đề trên Android, khả năng cao là do WebView hoặc phiên bản kernel.

Nhớ：

Cốt lõi của phát triển di động không phải là "tên trình duyệt," mà là "công cụ trình duyệt."