Browser web - cara meloloskan resolusi asli yang sebenarnya untuk mencegah situs menyajikan desain responsif seluler

11

Bagaimana Chrome (atau browser lain) dapat dikonfigurasikan untuk memberi tahu situs web bahwa resolusinya adalah resolusi asli ponsel dan bukan resolusi yang diperkecil yang disesuaikan dengan DPI tinggi? "Minta situs desktop" berfungsi untuk beberapa situs, tetapi tidak semua, dan yang mendeteksi resolusi ponsel akan menampilkan tata letak "responsif" seluler. Misalnya, jika saya Google "apa resolusi layar saya" dan mengunjungi situs pertama, itu melaporkan 360x640 meskipun telepon saya adalah 1440x2560. Saya menjalankan Lollipop jika itu penting.

G491
sumber
Situs mana yang tidak dapat Anda lihat dalam mode desktop? Dan perhatikan bahwa mengubah Browser untuk bertindak seperti di browser desktop tidak akan mengubah Resolusi Layar Anda ..
Lucky
Ini bukan situs yang saya coba kunjungi, tetapi salah satu contohnya adalah www.apple.com - haha. Ya, meminta situs desktop tidak memengaruhi resolusi, hanya agen pengguna yang saya yakini, jadi itu sebabnya tidak efektif pada situs yang menggunakan kueri media yang mengandalkan resolusi untuk menerapkan desain responsif / adaptif alih-alih menggunakan deteksi agen pengguna.
g491

Jawaban:

10

Ternyata Anda dapat menggunakan Firefox untuk Android untuk melakukan ini:

  1. Di bilah alamat buka about: config dan kemudian cari piksel.
  2. Pilih layout.css.devPixelsPerPx dan ubah nilainya dari -1.0 (default) menjadi 1 jika Anda ingin situs menganggap resolusi browser Anda adalah resolusi asli layar yang sebenarnya daripada nilai yang disesuaikan DPI.
  3. Jika Anda memiliki layar resolusi super tinggi seperti QHD (1440x2560), Anda mungkin ingin mengatur ini menjadi 2 daripada 1, dan kemudian jika Anda menggunakan telepon dalam mode lansekap, resolusi Anda akan menjadi 1280x720 yang tidak akan menjadikan semuanya sebagai kecil secara default seperti mengaturnya ke 1 akan.

Menggunakan hal di atas dalam hubungannya dengan "Permintaan situs desktop" harus melakukan pekerjaan yang baik dengan selalu menunjukkan situs desktop untuk tidak hanya situs berbasis agen-agen-deteksi tetapi juga untuk situs berbasis media-kueri yang responsif.

G491
sumber
Untuk telepon 720p saya harus meletakkan 0,5 untuk mendapatkan versi desktop dari situs web tertentu.
Chris
Wow, saya telah berjuang dan kecewa selama berbulan-bulan, mencoba (dan gagal) untuk menemukan solusi agar tablet resolusi fisik tinggi saya menampilkan halaman web dengan lebih banyak "aset layar". Beberapa solusi lain mengatakan bahwa saya perlu melakukan root pada perangkat saya atau menggunakan PC dan adb, bla bla bla. Sekarang saya sangat terkejut bahwa solusinya sesederhana memasang aplikasi normal! Terima kasih @ g491! Bisakah kita melakukan perubahan yang sama pada Chrome juga?
RayLuo
1
@ RayLuo Saya tidak mengetahui cara untuk melakukan itu di Chrome tapi saya tidak tahu caranya. Saya baru saja mencoba mencari chrome: // flags untuk beberapa hal seperti dpi, resolusi, skala, zoom, dll. Dan tidak melihat apa pun. Mungkin ada cara lain tapi saya tidak yakin.
g491
Bahkan di Firefox, pengaturan seperti itu hanya akan berfungsi untuk beberapa situs (seperti StackExchange.com ini) tetapi tidak untuk yang lain (seperti visualstudio.com). Mengapa demikian? Dan adakah metode yang lebih baik? (Tidak, saya tidak menganggap Samsung Galaxy 18 inci Melihat metode dalam konteks ini.)
RayLuo
0

Coba gunakan Opera untuk Seluler dan atur Desktop modedalam Pengaturan dan Matikan Opera Turbomode. Sekarang Anda akan dapat melihat situs-situs seperti Facebook, Stackoverflow dll seperti cara yang sama itu dimuat di browser web Desktop. Beberapa situs web mengalihkan ke situs web selulernya bahkan jika Anda mengatur ke mode Desktop.

Beruntung
sumber
Dengan "mengatur mode Desktop", apakah ini merujuk ke Pengaturan -> Agen pengguna -> berubah dari "Ponsel" menjadi "Desktop"? Jika demikian, ini masih memiliki masalah yang sama.
g491
1
Yah Anda dapat menipu browser Anda untuk bertindak seperti versi desktop tetapi Anda tidak dapat mengubah resolusi perangkat dari browser .. situs web tersebut dirancang sebagai desgin responsif sehingga mereka akan ditampilkan sesuai dengan resolusi dan sesuai dengan tampilan pelabuhan perangkat ... Lihat juga Cara menonaktifkan zoom di halaman web seluler? Pengaturan ini tidak akan berpengaruh pada pengaturan tampilan Desktop yang kami buat di browser kami
Lucky
Saya menyadari saya tidak memeriksa tentang: config di Firefox dan cukup yakin ada pengaturan di sana. Saya mempostingnya sebagai jawaban untuk pertanyaan ini untuk orang lain yang mungkin menemukan ini.
g491