Làm thế nào xác định trang web responsive? Tối thiểu, nó phải hiển thị đúng trên bất kỳ trình duyệt, thiết bị, hoặc hệ điều hành. Do đó, nó phải tính đến thói quen đa dạng người dùng cuối trên nhiều nền tảng, trình duyệt, và độ phân giải màn hình. Để giải quyết lỗi, công ty nên test trang web trên hàng ngàn thiết bị thật và ảo. Nhưng nếu không có ngân sách đó, bạn cần cái gọi là "giải pháp kiểm thử cross-browser".
Comparium tự giới thiệu là dịch vụ kiểm thử trực quan tự động "cho thấy những khác biệt không dễ nhận thấy" giữa các phiên bản trang. Nó là một phần của Electronic Team, Inc. đặt tại Alexandria, Virginia. Trong bài đánh giá Comparium, chúng tôi xem xét tính năng quan trọng và tùy chỉnh có sẵn.
Lưu ý: Đây là bài viết tài trợ và được thực hiện nhờ Comparium của Electronic Team, Inc. Nội dung và ý kiến thực tế là quan điểm riêng của tác giả duy trì độc lập biên tập, ngay cả khi bài viết được tài trợ.
Chi Tiết Tài Khoản Và Web App
Từ trang web, bạn có thể tạo tài khoản và đăng nhập trực tiếp. Bạn cũng có thể đăng nhập với tài khoản Google.
Sau khi đăng nhập, giao diện đơn giản chào bạn. Bạn chỉ chèn địa chỉ URL vào hộp tìm kiếm và chọn tổ hợp trình duyệt, hệ điều hành, và độ phân giải màn hình cần thiết. Có hai loại tài khoản: Guest và Pro. Mỗi loại hỗ trợ chụp màn hình không giới hạn để xem xét.
Cách Kiểm Thử Cross-Browser Trang Web Dùng Comparium
Khi nhập trang web vào thanh tìm kiếm, bạn ban đầu nhận danh sách xem trước cho tất cả lựa chọn. Bạn có thể chọn độ rộng độ phân giải màn hình từ 500px đến 1920px (full HD) cho Linux, Windows 7, macOS, và macOS dark mode. Hiện Comparium hỗ trợ Chrome, Firefox, Internet Explorer, Safari, và Opera.
Để so sánh chi tiết, chỉ cần chọn hai hoặc nhiều màn hình và nhấp "So sánh" bên phải. Ở đây so sánh Windows Chrome 80.0 với Windows Firefox 68.0.
So sánh song song mở mặc định toàn màn hình. Dùng tùy chọn cuộn đồng bộ, bạn xem xét hiển thị trang web trên nhiều trình duyệt và hệ điều hành khác nhau. Bạn có thể scale vừa theo chiều cao, rộng, và kích thước.
Comparium có hỗ trợ tích hợp tạo màn hình song song trong cùng giao diện, cho cái nhìn tổng quan trang web. Có "bốn" chế độ so sánh: "song song", "chồng lớp", "trượt", và "tìm khác biệt". Cái cuối khá tuyệt, vì giúp tự động tập trung vào lỗi không thể phát hiện.
Chế độ "Tìm Khác Biệt" cho biết vị trí biểu tượng menu và chọn font trên cả hai nền tảng. Nếu độ lệch quá lớn, bạn phải thay mã thiết kế để giải quyết khác biệt.
Tương tự, chế độ "chồng lớp" đặt hai cấu hình lên nhau để hiển thị trực quan độ lệch đáng kể.
Tóm lại, với tính năng so sánh chụp màn hình phức tạp của Comparium, bạn so sánh dễ dàng hệ điều hành và độ phân giải khác nhau. Khi xong phân tích, bạn có thể xóa tất cả màn hình từ cửa sổ chính.
Tính Năng Và Lợi Ích Khác
Lợi ích chính của Comparium cho nhà phát triển web là độ chính xác lớn hơn trong xác thực trực quan và hỗ trợ phiên bản di động, vì bạn có thể scale kích thước thiết bị đến 500px. Nó có báo cáo ngoại tuyến phát hiện tự động không tương thích và quan trọng "Kiểm thử trực tiếp" (Live testing) trên Linux cho các trình duyệt. Hỗ trợ Windows 7 và macOS Catalina cho Live Testing dự kiến ra mắt sớm.
Chế độ Live testing giúp bạn phân tích thời gian thực phản hồi trang web thay đổi. Trong khi kiểm tra trực quan trước dùng công cụ so sánh cho góc nhìn lỗi dễ thấy, tính năng Live testing test trang web trong môi trường thực, làm cho nó sẵn sàng ra mắt.
Comparium có lộ trình đẹp mắt nơi nhiều tính năng mạnh mới, như test URL hàng loạt, test nội bộ, hỗ trợ tỷ lệ khung hình khác nhau, và mô phỏng kết nối tốc độ thấp sẽ được thêm. Bạn so sánh tính năng và lợi ích với công cụ cross-browser testing khác trên thị trường. Comparium ghi điểm khá tốt nhờ khả năng tự động phát hiện lỗi trang web.
Có vài nhược điểm nhỏ với Comparium. Hiện nền tảng không hỗ trợ chụp màn hình Windows 10, nhưng đội ngũ khách hàng đảm bảo nó rất nhiều trên lộ trình. Cũng không hỗ trợ trình duyệt khác như Slimjet, Yandex, v.v. Tuy nhiên danh sách trình duyệt hỗ trợ hiện tại cung cấp xấp xỉ tốt cho mô phỏng thiết bị và hệ điều hành khác nhau.
Chi Tiết Thanh Toán Và Giá
Như thảo luận trước, Comparium hỗ trợ chế độ "guest" miễn phí và "pro" trả phí $15/tháng. So sánh chi tiết gói guest và pro tại liên kết này.
Tài khoản guest miễn phí giới hạn bạn chỉ vài trình duyệt, như Firefox 75 và Chrome 81 cho Windows 7, và thích ứng độ phân giải 1024px. Tuy nhiên, không giới hạn phút live testing và số chụp màn hình tạo ra, điều tuyệt vời. App cho phép test bao nhiêu lần tùy thích trong giới hạn trước khi thoải mái chuyển sang gói Pro. Cân nhắc nhiều tính năng thú vị trong lộ trình, trang web bạn có thể scale cùng giải pháp.
Kết Luận Của Chúng Tôi
Trong thời đại ngày nay, bạn đơn giản không thể ra mắt trang web không phục vụ sở thích đa dạng, kích thước màn hình, và trình duyệt ở cấp người dùng cuối. Comparium là app đầy hứa hẹn không làm thất vọng trong đo lường độ responsive trang web về mô phỏng thực tế. Với loạt tính năng thú vị trong đường ống, bạn sẽ có công cụ cross-test mạnh mẽ trong tay như nhà phát triển web.