Trình duyệt web - cách vượt qua độ phân giải gốc thực sự để ngăn các trang web phục vụ thiết kế đáp ứng di động

Làm cách nào Chrome (hoặc một số trình duyệt khác) có thể được định cấu hình để cho các trang web biết độ phân giải của nó là độ phân giải gốc của điện thoại và không phải là độ phân giải giảm được điều chỉnh vì có DPI cao? "Yêu cầu trang web dành cho máy tính để bàn" hoạt động đối với một số trang, nhưng không phải tất cả và những trang phát hiện độ phân giải của điện thoại sẽ hiển thị bố cục "đáp ứng" trên thiết bị di động. Ví dụ: nếu tôi Google "độ phân giải màn hình của tôi là gì" và truy cập trang web đầu tiên, nó sẽ báo cáo 360x640 mặc dù điện thoại của tôi là 1440x2560. Tôi đang chạy Lollipop nếu điều đó quan trọng.

browser screen-resolution

— g491
nguồn

Trang web nào bạn không thể xem trong chế độ máy tính để bàn? Và lưu ý rằng việc thay đổi Trình duyệt để hoạt động như trong trình duyệt trên máy tính để bàn sẽ không thay đổi Độ phân giải màn hình của bạn ..

— Lucky

Đây không phải là trang web tôi đang cố truy cập, nhưng một ví dụ là www.apple.com - haha. Vâng, yêu cầu trang web trên máy tính để bàn không ảnh hưởng đến độ phân giải, tôi chỉ tin rằng tác nhân người dùng, vì vậy đó là lý do tại sao các trang web sử dụng truy vấn phương tiện dựa vào độ phân giải để thực hiện thiết kế phản ứng / thích ứng thay vì sử dụng phát hiện tác nhân người dùng.

— g491

Câu trả lời:

Hóa ra bạn có thể sử dụng Firefox cho Android để làm điều này:

Trong thanh địa chỉ, hãy chuyển đến about: config và sau đó tìm kiếm pixel.
Chọn layout.css.devPixelsPerPx và thay đổi giá trị từ -1.0 (mặc định) thành 1 nếu bạn muốn các trang web nghĩ độ phân giải của trình duyệt của bạn là độ phân giải gốc của màn hình thay vì giá trị được điều chỉnh DPI.
Nếu bạn có màn hình độ phân giải siêu cao như QHD (1440x2560), bạn có thể muốn đặt màn hình này thành 2 thay vì 1, và sau đó nếu bạn sử dụng điện thoại ở chế độ ngang, độ phân giải của bạn sẽ là 1280x720 nhỏ theo mặc định như đặt nó thành 1 sẽ.

Sử dụng ở trên cùng với "Yêu cầu trang web dành cho máy tính để bàn" sẽ làm rất tốt khi luôn hiển thị trang web dành cho máy tính để bàn không chỉ cho các trang web dựa trên phát hiện tác nhân người dùng mà còn cho các trang web dựa trên truy vấn phương tiện đáp ứng.

— g491
nguồn

Đối với điện thoại 720p, tôi phải đặt 0,5 để có phiên bản máy tính để bàn của một trang web cụ thể.

— Chris

Ồ, tôi đã vật lộn và thất vọng trong nhiều tháng, đã cố gắng (và thất bại) để tìm giải pháp cho phép máy tính bảng có độ phân giải vật lý cao của tôi hiển thị các trang web có nhiều "tài sản màn hình" hơn. Một số giải pháp khác nói rằng tôi sẽ cần phải root thiết bị của mình hoặc sử dụng PC và adb, blah blah blah. Bây giờ tôi rất ngạc nhiên khi giải pháp đơn giản như cài đặt một ứng dụng thông thường! Cảm ơn bạn @ g491! Chúng ta có thể thực hiện cùng một thay đổi trên Chrome không?

— RayLuo

@RayLuo Tôi không biết cách để làm điều đó trong Chrome nhưng tôi không biết làm thế nào. Tôi vừa thử tìm kiếm chrome: // flags cho một số thứ như dpi, độ phân giải, tỷ lệ, thu phóng, v.v. và không thấy gì. Có thể có một cách khác nhưng tôi không chắc chắn.

— g491

Ngay cả trong Firefox, cài đặt như vậy sẽ chỉ hoạt động đối với một số trang web (chẳng hạn như StackExchange.com) nhưng không phải cho các trang web khác (chẳng hạn như visualstudio.com). Tại sao vậy? Và có phương pháp nào tốt hơn không? (Không, tôi không coi Samsung Galaxy View 18 inch là một phương pháp trong bối cảnh này.)

— RayLuo

Hãy thử sử dụng Opera for Mobile và thiết lập Desktop modetrong Cài đặt và Tắt Opera Turbochế độ. Giờ đây, bạn sẽ có thể xem các trang web như Facebook, Stackoverflow, v.v. giống như cách nó được tải trong trình duyệt web trên Máy tính để bàn. Một số trang web chuyển hướng đến trang web di động ngay cả khi bạn đặt ở chế độ Máy tính để bàn.

— May mắn
nguồn

Bằng cách "thiết lập chế độ Máy tính để bàn", điều này có đề cập đến Cài đặt -> Tác nhân người dùng -> thay đổi từ "Di động" thành "Máy tính để bàn" không? Nếu vậy, điều này vẫn có vấn đề tương tự.

— g491

Chà, bạn có thể giả mạo trình duyệt của mình hoạt động như một phiên bản dành cho máy tính để bàn nhưng bạn không thể thay đổi độ phân giải của thiết bị từ trình duyệt .. trang web này được thiết kế dưới dạng phản hồi nhanh để chúng sẽ hiển thị theo độ phân giải và phù hợp với cổng xem của thiết bị ... Cũng có một cái nhìn về Làm thế nào để vô hiệu hóa thu phóng trong một trang web di động? .. các cài đặt này sẽ không có hiệu lực đối với cài đặt Chế độ xem trên màn hình mà chúng tôi thực hiện trong trình duyệt của mình

— Lucky

Tôi nhận ra rằng tôi đã không kiểm tra about: config trong Firefox và chắc chắn có một cài đặt ở đó. Tôi đã đăng nó như một câu trả lời cho câu hỏi này cho những người khác có thể bắt gặp điều này.

— g491