Web tarayıcısı - sitelerin mobil uyumlu tasarım sunmasını önlemek için gerçek yerel çözünürlük nasıl geçirilir


11

Chrome (veya başka bir tarayıcı) web sitelerine çözünürlüğünün telefonun doğal çözünürlüğü olduğunu ve yüksek DPI olması için ayarlanmış düşük bir çözünürlük olmadığını söyleyecek şekilde nasıl yapılandırılabilir? "Masaüstü sitesi iste" bazı siteler için çalışır, ancak hepsi için geçerli değildir ve telefonun çözünürlüğünü algılayanlar mobil "duyarlı" düzeni gösterir. Örneğin, Google "ekran çözünürlüğüm nedir" ve ilk siteyi ziyaret edersem, telefonum 1440x2560 olsa bile 360x640 değerini bildirir. Önemli olursa Lollipop kullanıyorum.


Hangi siteyi masaüstü modunda görüntüleyemiyorsunuz? Ve tarayıcı tarayıcı gibi davranmak için Tarayıcı değiştirmek Ekran Çözünürlüğü değişmez unutmayın ..
Lucky

Bu, ziyaret etmeye çalıştığım site değildi, ancak bir örnek www.apple.com - haha. Evet, istek masaüstü sitesi çözünürlüğü etkilemez, sadece kullanıcı aracısı olduğuna inanıyorum, bu yüzden kullanıcı aracısı algılama kullanmak yerine duyarlı / uyarlanabilir tasarım uygulamak için çözünürlüğe dayanan medya sorguları kullanan sitelerde etkisizdir.
g491

Yanıtlar:


10

Bunu yapmak için Android için Firefox'u kullanabileceğiniz ortaya çıkıyor:

  1. Adres çubuğunda about: config bölümüne gidin ve ardından pikselleri arayın.
  2. Sitelerin tarayıcınızın çözünürlüğünün, DPI tarafından ayarlanan bir değer yerine ekranın gerçek doğal çözünürlüğü olduğunu düşünmesini istiyorsanız, layout.css.devPixelsPerPx öğesini seçin ve değeri -1.0 (varsayılan) olarak 1 olarak değiştirin.
  3. QHD (1440x2560) gibi süper yüksek çözünürlüklü bir ekranınız varsa, bunu 1 yerine 2 olarak ayarlamak isteyebilirsiniz ve ardından telefonu yatay modda kullanırsanız, çözünürlüğünüz 1280x720 olacaktır. küçük varsayılan olarak 1 olarak ayarlar.

Yukarıdakileri "Masaüstü sitesi iste" ile birlikte kullanmak, yalnızca kullanıcı aracısı algılama tabanlı siteler için değil, aynı zamanda duyarlı medya sorgusu tabanlı siteler için de masaüstü sitesini her zaman göstermede iyi bir iş çıkarmalıdır.


720p telefon için belirli bir web sitesinin masaüstü sürümünü almak için 0,5 koymak zorunda kaldım.
Chris

Vay be, aylardır mücadele ediyor ve hayal kırıklığına uğradım, yüksek fiziksel çözünürlüklü tabletimin web sayfalarını daha fazla "ekran varlığı" ile görüntüleyecek bir çözüm bulmaya çalışıyorum (ve başarısız oluyorum). Diğer bazı çözümler, cihazımı köklendirmem veya bir PC ve adb kullanmam gerektiğini söylüyor, falan filan falan. Şimdi çözüm normal bir uygulama yüklemek kadar basit olduğuna hoş bir sürpriz! Teşekkürler @ g491! Aynı değişikliği Chrome'da da yapabilir miyiz?
RayLuo

1
@RayLuo Bunu Chrome'da yapmanın bir yolunun farkında değilim ama nasıl yapacağımı bilmiyorum. Chrome: // bayraklarını dpi, çözünürlük, ölçek, yakınlaştırma vb.Gibi bazı şeyleri aramayı denedim ve hiçbir şey görmedim. Başka bir yol olabilir ama emin değilim.
g491

Firefox'ta bile, bu ayar yalnızca bazı siteler için (bu StackExchange.com gibi) çalışır, diğerleri için geçerli değildir (visualstudio.com gibi). Neden? Daha iyi bir yöntem var mı? (Hayır, bu bağlamda 18 inç Samsung Galaxy
View'u

0

Opera for Mobile'ı kullanmayı deneyin ve Desktop modeAyarlar ve Opera Turbomodunu kapatın . Artık Facebook, Stackoverflow gibi siteleri Masaüstü web tarayıcılarına yüklendiği gibi görüntüleyebileceksiniz. Bazı web siteleri, Masaüstü moduna ayarlasanız bile mobil web sitesine yönlendirilir.


"Masaüstü modunu ayarla" ile, bu Ayarlar -> Kullanıcı aracısı -> "Mobil" ten "Masaüstü" ne geçiyor? Öyleyse, bunun hala aynı sorunu vardır.
g491

1
Peki, tarayıcınızı bir masaüstü sürümü gibi davranacak şekilde taklit edebilirsiniz, ancak cihazın çözünürlüğünü tarayıcıdan değiştiremezsiniz.Bu web sitesi, duyarlı desgin olarak tasarlanmıştır, böylece çözünürlüğe göre görüntülenir ve cihaz ... Ayrıca bir mobil web sayfasında zum nasıl devre dışı bırakılır? ..bu ayarların tarayıcılarımızda yaptığımız Masaüstü görünümü ayarı üzerinde hiçbir etkisi olmayacaktır
Lucky

Firefox'ta about: config'i kontrol etmediğimi ve orada bir ayarın olduğundan emin olduğumu fark ettim. Bu soruya cevap verebilecek başkaları için bu soruya bir cevap olarak gönderdim.
g491
Sitemizi kullandığınızda şunları okuyup anladığınızı kabul etmiş olursunuz: Çerez Politikası ve Gizlilik Politikası.
Licensed under cc by-sa 3.0 with attribution required.