2011-05-27 20 views
15

Mobil web sitesini uygulamak için tarayıcımda maksimum aygıt genişliğini ayarlamak yararlı olur. Kullanıcı aracısını uyarmak için eklentileri biliyorum. Bu maksimum cihaz genişliği için de mümkün mü? Her türlü mobil tarayıcı emülatörü veya farklı akıllı telefonlar yerine Firefox, IE, Opera gibi düzenli bir tarayıcı kullanmayı tercih ederim.Faking max aygıt genişliği

sayesinde ROPO sık karşılaşılan durum masaüstü tarayıcılarda

+0

ilgili: http://www.jonhiggins.co.uk/words/max-device-width/ –

cevap

5

html & css ait sağlıklı çalışma kontrolü için kullanılabilir, ancak mobil tarayıcılar html, css ve javascript işleme de çok farklıdır. için

max-device-width Eğer max-width ile max-device-width değiştirip gerekli boyuta tarayıcı pencerenizin boyutunu olabilir "taklit" (tarayıcıların güncel sürümleri max-width medya sorgu talimatını destekler).

Mobil web arayüzü geliştirme ve emülatörlerinin erken aşamalarında masaüstü tarayıcıları kullanıyoruz. UI test cihazları sadece gerçek cihazları kullanır.

+2

Bu aslında benim için çalışmadı. Firefox'taki kullanıcı aracısı dizgimi değiştirdim ve tarayıcıyı son derece dar hale getirdim, ancak sitem yine de dizüstü bilgisayarımın tam ekran sürümünde ve iPhone'umdaki maksimum aygıt genişliği 480 ile oluşturuluyordu. –

+0

Eğer html & css sağlayabilir misiniz? –

+1

Kevin haklı, bu işe yaramaz. Muhtemelen düşündüğünüz maksimum genişlik, Phillip, maksimum cihaz genişliğinden ayrı. Bunu taklit etmenin tek yolu, kodunuzu koşullara bağlı olarak, geçici veya kalıcı olarak maksimum genişlik kullanacak şekilde değiştirmektir. Özellikle cihaz rotasyonu açısından mükemmel bir öykünme değil, çoğu test için genellikle yeterince iyidir. Ayrıca, bu yer imine göz atın: http://www.benjaminkeen.com/misc/bricss/ –

15

Chrome, aygıt genişliği için ortam sorguları hesaplamasında kullanılan aygıt metriklerini ayarlamanızı sağlar. Bunu yapmak için Geliştirici Araçları'nı açın, sağ alt köşedeki dişli çark simgesini tıklayın ve Geçersiz Kılmalar sekmesine gidin.

Düzenleme 17 Ocak 2014: Chrome artık Geliştirici Araçları'nda Konsolun yanında bulunan bir Öykünme sekmesi vardır.

+0

Çok yararlı - teşekkürler! – Eric