Thiết kế Web đáp ứng so với đánh hơi tác nhân người dùng

CSS3 mediaTính năng truy vấn đã dẫn đến nhiều khả năng thú vị về mặt phát triển trang web điều chỉnh theo nhiều kích thước màn hình và thiết bị khác nhau.

Tuy nhiên, trong thực tế, tôi bắt đầu hiểu rằng CSS3 media tính năng truy vấn và toàn bộ phong trào "Thiết kế web đáp ứng" có thể không tuân theo lời hứa của nó.

Vấn đề tôi thấy là vào cuối ngày, các nhà phát triển web quan tâm chủ yếu đến việc người dùng của họ có đang xem nội dung qua Máy tính để bàn, Máy tính bảng hoặc Thiết bị di động hay không. Nhưng CSS3 chỉ cung cấp một phương tiện để phát hiện độ phân giải màn hình . Về lý thuyết, phát hiện độ phân giải màn hình có vẻ như là một cách tuyệt vời để điều chỉnh cho các thiết bị khác nhau. Nhưng trong thực tế ...

Giả sử chúng ta có một chức năng Javascript đơn giản chỉ xuất ra chiều rộng màn hình:

function foo()
{
   alert(screen.width);
}

Trên Blackberry Touch của tôi, kết quả này xuất ra:

768

Trên Samsung Galaxy của tôi, kết quả này:

800

Vì vậy, ... tại thời điểm này, độ phân giải của điện thoại thông minh chính thống đang trở nên khá gần với độ phân giải ở cấp độ Máy tính để bàn. Khả năng phát hiện xem người dùng có đang xem trang web của bạn thông qua điện thoại thông minh, máy tính bảng hoặc máy tính để bàn hay không, dường như ngày càng khó khăn hơn nếu tất cả những gì bạn đang làm là độ phân giải màn hình.

Điều này khiến tôi đặt câu hỏi về toàn bộ sự khôn ngoan đằng sau toàn bộ phong trào "Thiết kế web đáp ứng" CSS3 dựa trên các truy vấn phương tiện. Có vẻ như mediatính năng truy vấn phù hợp hơn với việc thích ứng với cửa sổ trình duyệt thay đổi kích thước trên màn hình Desktop, thay vì các thiết bị di động khác nhau.

Một kỹ thuật khả thi khác để phát hiện thiết bị di động hoặc máy tính bảng là sử dụng tính năng phát hiện tính năng, bằng cách kiểm tra xem ontouchstart sự kiện có được hỗ trợ hay không. Nhưng ngay cả điều này đang trở nên không đáng tin cậy khi nhiều màn hình Desktop bắt đầu hỗ trợ cảm ứng.

Câu hỏi: Vì vậy, ... là một nhà phát triển web, nếu tôi không thể dựa vào RWD hoặc phát hiện tính năng, thì việc đánh hơi tác nhân người dùng (có phải là không đáng tin cậy như mọi khi) thực sự là lựa chọn tốt nhất để phát hiện thiết bị di động?

Đừng lo lắng quá nhiều về các thiết bị cụ thể.

Khả năng phát hiện xem người dùng có đang xem trang web của bạn thông qua điện thoại thông minh, máy tính bảng hoặc máy tính để bàn hay không, dường như ngày càng khó khăn hơn nếu tất cả những gì bạn đang làm là độ phân giải màn hình

Đó là ngày càng trở nên khó phát hiện qua độ phân giải màn hình, và nó sẽ chỉ nhận được khó khăn hơn như các thiết bị nhiều hơn vào thị trường, nhưng mục đích của các truy vấn phương tiện truyền thông không phải là để phát hiện thiết bị types.What truy vấn phương tiện truyền thông tốt tại đang thực hiện tinh chỉnh để thiết kế của bạn khi nó không còn dễ chịu để sử dụng ở kích thước hiện tại. Nếu trang web bắt đầu sụp đổ ở độ rộng 550px, thì không có vấn đề gì nếu có một thiết bị có các kích thước đó hay không: bạn đặt điểm dừng ở đó.

Nó cùng một thỏa thuận với phát hiện tính năng. Nếu thiết bị hỗ trợ cảm ứng, vậy thì có vấn đề gì nếu đó là thiết bị di động hoặc một số màn hình cỡ tường trong tương lai? Dù bằng cách nào thì các cải tiến cảm ứng có thể sẽ hữu ích.

Tác nhân đánh hơi tác nhân - như bạn đã nêu - là hoàn toàn không đáng tin cậy. Tôi có thể thay đổi chuỗi Tác nhân người dùng của mình thành dấu ngoặc kép của Shakespeare nếu tôi thực sự muốn. Trang web của bạn sẽ quyết định gì về trình duyệt của tôi sau đó?

Tác nhân người dùng cũng đòi hỏi rất nhiều công việc để xử lý tất cả các khả năng. Bạn có một cái cho Firefox trên Android không? Chrome trên iOS? Cá heo trên Froyo? Trình duyệt WiiU? Trình duyệt cực kỳ hạn chế trên điện thoại LG cũ của tôi? Linh miêu? IE 13? Liên kết? IceWeasel? Trình duyệt của Blackberry Playbook? Làm thế nào để bạn biết sự khác biệt giữa Opera chạy trên máy tính bảng và opera chạy trên điện thoại?

Danh sách này chỉ có thể phát triển khi thời gian trôi qua.

Đại lý người dùng nói dối, quá. Nếu bạn Google xung quanh, bạn sẽ tìm thấy danh sách các tác nhân người dùng so với thực tế. Vì vậy, đây là một vấn đề. Một số biện pháp để xem xét cài đặt dpi để xác định đó là loại thiết bị nào.