Websayfanız mobil uyumlumu kolayca test edin


Websayfanız mobil uyumlumu kolayca test edin

Daha önceki yazılarımızda Artan cep telefonu kullanıcı sayısından ve buna paralel olarak artış göstermiş olan mobil telefonlardan internet kullanımından bahsetmiş ve iki farklı yöntem vermiştik

, ilki web sayfamızın mobil uyumunu başka web sayfalarının sunduğu araçları kullanmak burada , ikincisi ise Operanın sunduğu “Opera mobil Emulator” yazılımı yardımı ile idi Burada gel gelelim her iki yöntemde de sistemimize ait olmayan araçlar kullanmak durumunda olduğumuzdan , mesela ilk yöntemde internetimiz yoksa mesela Localhost ta Apache serverde kurulu sayfamızı test edemeyiz , Opera yazılımdan bu sıkıntı olmasada eğer sürekli web sayfa tasarımları ile uğraşmıyorsanız muhtemelen yazılımı kurmaya soğuk bakacaksınız , işte Hiçnir araç kullanmadan sadece kurulu bir tarayıcı yardımı ile webs ayfalarımızın mobil uyumunu nasıl test ederizin yöntemi :

Google Chrome nin geliştirici aracı (developer tool) yardımı ile Mobil uyumluluk testi

Google chrome oldukça yaygın bir tarayıcı olduğundan sanıyorumki çoğu kişi ya birinci yada ikinci tarayıcı olarak sistemlerinde bulunduruyordur , işte bu tarayıcının Geliştirici araçlarının içerisinde yeralan “Device Mode emulation” diye bir kısım var ve bizim işimize de orası yarayacak adından da anlaşılacağı gibi bu araç tarayıcının çeşitli cihazları emüle edip web sayfamızın bu cihazlar üzerindeki görünümünü bize veriyor gelelim nasılına:

1. Web sayfamızı Google Chrome ile ziyaret edelim

2. Sayfa üzerinde iken klavyedeki F12 tuşuna basalım karşımızda açılacak sayfanın sağ üst köşesinde küçük bir cep telefonu ikon u göreceğiz (Aşağıdaki resim)

chrome mobil emulator

işte buraya tıklayıp web sayfamızı çeşitli cihazlara göre test edeceğimiz emulatörü açıp kapatabiliriz , test ekranımızın sol köşesinde iki adet aşağı açılır menü var bunlardan ilki farklı cihazları seçmemize yarıyor diğeri ise 3G , DSL , WIFI , GPRS gibi farklı ağları seçmemize olanak veriyor

chrome cihaz emulatoru

üstteki resimde de görüldüğü gibi web sayfamızın samsung galaxy s3 te nasıl göründüğünü test ettim ve sonuç oldukça da gerçekçi , zaten Chrome kullananlar böylece hiçbir ek araca ve internete ihtiyaç duymadan web sayfalarının mobil uyumluluğunu kolaylıkla test edebilirler.



Bir Yorum Var

Yorum Ekle

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir

CAPTCHA