Thuận tiện là điều mà chúng ta không bao giờ có thể hoàn toàn hài lòng. Đây là lý do tại sao các nhà phát triển phần mềm luôn được tạo ra để đẩy các giới hạn của họ để tạo ra trải nghiệm người dùng tốt hơn mà không ảnh hưởng đến chức năng. Tất cả vì mục đích tiết kiệm chi phí trong hoạt động kinh doanh cạnh tranh ngày nay. Mọi người muốn thuận tiện và đây là lý do tại sao các ứng dụng lai đã được hoan nghênh.
Có gì độc đáo về các ứng dụng lai? WebViews !
Mục lục
Ứng dụng lai
Như tên cho thấy, chúng là một hỗn hợp của Ứng dụng gốc và Ứng dụng web. Chúng có sẵn trong các cửa hàng ứng dụng để tải xuống và yêu cầu xác thực truy cập từ thiết bị như ứng dụng gốc, nhưng chúng cũng có trình duyệt được nhúng trong ứng dụng (WebView) để hiển thị HTML. Instagram là một ví dụ tốt về một ứng dụng lai.
Hãy nhớ lại thời gian, để truy cập bất kỳ liên kết của bên thứ ba nào, chúng tôi thường mở nó trong một trình duyệt mới trên thiết bị, dẫn đến việc chuyển chúng tôi ra khỏi ứng dụng mà chúng tôi muốn sử dụng? Đây là một thảm họa đối với UX, đã được giải quyết bằng cách tạo cửa sổ trình duyệt trong ứng dụng để tạo điều kiện cho các trang web của bên thứ ba là một phần của bố cục hoạt động. Kudos để xem Web!
Tại sao bạn cần WebViews?
- Họ cung cấp kiểm soát tốt hơn đối với giao diện người dùng của ứng dụng của bạn.
- Bạn không phải cập nhật toàn bộ ứng dụng nếu bạn chỉ muốn cập nhật nội dung của ứng dụng, ví dụ, nếu bạn muốn công khai việc bán hàng sắp tới trên ứng dụng của bạn hoặc một số ưu đãi thú vị khác.
- Bạn không bị đẩy vào một ứng dụng của bên thứ ba khác, nhưng, thay vào đó, được chuyển hướng đến một trình duyệt trong ứng dụng lấy nội dung từ web cho bạn. Điều này cung cấp sự tiện lợi của việc ở trong ứng dụng dự định. Lấy ví dụ Instagram, nơi bạn cần vuốt lên trong một số câu chuyện và bạn được chuyển hướng đến một trang web thông qua trình duyệt trong ứng dụng, thay vì mở nội dung trong Chrome, Safari, Firefox hoặc bất kỳ trình duyệt nào khác. Bạn có thể điều hướng nội dung một cách tự do trên trang web được chuyển hướng bằng cách cuộn lên / xuống, phóng to / thu nhỏ hoặc tìm kiếm văn bản.
- WebViews cho phép phát triển đa nền tảng dẫn đến giảm chi phí phát triển và tính linh hoạt cho nhà phát triển. Lưu ý: Chúng tôi không thể tạo một bản dựng ứng dụng để hoạt động trên nhiều HĐH. Chúng tôi chỉ có thể dễ dàng phát triển một bản dựng khác với sự trợ giúp của các tiện ích mở rộng web thông qua HTML, CSS, JavaScript, v.v.
- Các công ty thường đặt mục tiêu xây dựng một ứng dụng bao bọc của một ứng dụng web hiện có. Bằng cách đó, các công ty đặt mục tiêu tạo ra sự hiện diện trong các cửa hàng ứng dụng với nỗ lực tương đối ít hơn. Ngoài ra, các khung như Ionic cho phép bạn thêm một ứng dụng vào cửa hàng ứng dụng và triển khai lên web di động dưới dạng PWA.
Để tạo WebView, Nhà phát triển cần:
- Phát triển một thể hiện của một webview lớp.
- Nhúng trình duyệt trong ứng dụng của bạn.
- Thêm các chức năng trình duyệt với sự trợ giúp của thư viện WebView.
- Thêm quyền internet trong tệp Bản kê khai Android.
- Thêm mã cho WebView để mở trình duyệt trong ứng dụng.
Kiểm tra WebView – Đề cập đến việc tạo và thực hiện các trường hợp kiểm tra để kiểm tra các cơ chế hoạt động hiệu quả của WebViews.
Lưu ý những điều sau trong khi kiểm tra WebViews:
- Xác minh xem ứng dụng có phản hồi theo hành vi dự định của nó hay không bằng cách ngắt trang web khỏi tải.
- Nếu nội dung của bạn bao gồm các địa chỉ email siêu liên kết trong WebView thì hãy đảm bảo rằng các siêu liên kết đó đang mở ứng dụng thư trong thiết bị của bạn khi gõ.
- Kiểm tra số điện thoại siêu liên kết theo cách tương tự – nó có định tuyến người dùng quay số ứng dụng hay không? Ngoài ra, làm thế nào siêu liên kết đó phản hồi nếu không lắp thẻ SIM vào thiết bị?
- Kiểm tra phản hồi của WebView ở các chế độ mạng khác nhau – 2G, 3G, WiFi, LTE.
- Các ký tự đặc biệt cũng cần được kiểm tra. Cùng với phóng to / thu nhỏ, điều hướng qua nội dung web bằng cách cuộn lên / xuống hoặc điều hướng màn hình bằng cách cuộn sang trái / phải.
- Kiểm tra dung sai của WebView đối với các yếu tố bên ngoài như SMS, giảm tín hiệu, thông báo, cuộc gọi, v.v.
- Kiểm tra hành vi của ứng dụng của bạn khi một ứng dụng bên ngoài được khởi chạy thông qua một siêu liên kết từ nội dung web của bạn.
- Định hướng khác nhau của thiết bị của bạn và kiểm tra xem nội dung web của bạn có thể hỗ trợ chúng không.
- Kiểm tra nếu màn hình đồ họa là thỏa đáng.
- Nén cửa sổ trình duyệt và xem văn bản có được nén phù hợp không.
- Một nền tảng trình duyệt chéo sẽ rất hữu ích trong việc kiểm tra các mẹo được đề cập ở trên để kiểm tra. Nó cũng sẽ cung cấp một ý tưởng về cách WebView của bạn được miêu tả cho đối tượng mục tiêu.
Cách thực hiện kiểm tra WebView
Espresso Web cho Android WebView – Công cụ này giúp kiểm tra và kiểm soát hành vi của các thành phần UI WebView bằng cách sử dụng lại các Nguyên tử từ API WebDriver . Nó là một trong những công cụ được sử dụng phổ biến nhất để thử nghiệm các ứng dụng lai. Cần phải kiểm tra Tích hợp các thành phần UI gốc của ứng dụng và các thành phần UI WebView của ứng dụng .
Trước khi sử dụng Espresso Web, bạn cần phân tích kỹ mã nguồn của trang web để xác định móc cho các phương thức của nó. Đây là lý do tại sao nó có thể trở nên rất phức tạp cho các trang web lớn.
Cách tiếp cận khác
Một cách tiếp cận khác sẽ liên quan đến việc quên mã của bên thứ ba và chỉ tập trung vào mã dựa trên Android. Về cơ bản, một WebView ánh xạ các yếu tố của một trang web; cho phép người dùng tương tác với họ thông qua các đối tượng Android View và các tiện ích mở rộng của họ. Các chế độ xem này không có ID khiến chúng không thể truy cập được với findViewById (int id) và bạn cũng không thể truy cập các ID này trong gói ứng dụng của mình.
Điều đó không có nghĩa là bạn không thể theo dõi chúng. Bạn có thể với sự trợ giúp của Trình giám sát thiết bị Android , một công cụ độc lập để cung cấp giao diện người dùng để hỗ trợ nhiều công cụ phân tích và gỡ lỗi ứng dụng Android.
- Bạn cần chụp nhanh mọi màn hình trên trình giả lập bằng Màn hình thiết bị Android.
- Nhận một ý tưởng về cách các WebView được cấu trúc bên trong.
- Thực hiện các hành động trên chúng với sự trợ giúp của UiAutomator .
Cách tiếp cận này sẽ không yêu cầu bạn phân tích mã nguồn và cách này đòi hỏi ít nỗ lực hơn trong việc thiết lập và duy trì mã của bạn.
Vì vậy, bây giờ, nếu ai đó bắt đầu một cuộc trò chuyện trên WebViews. Tôi hy vọng bạn sẽ có thể nghiền nát nó. Chúc mừng!