WordPress siteniz için 10 hücresel test aracı
Hücresel trafiğin dikkate alınması gereken bir güç olduğu bir sır değil. Son yıllarda, hücresel internet kullanıcılarının sayısı masaüstü kullanıcılarını aştı. Şu anda, İnternet tüketiminin üçte birinden fazlası cep telefonları, tabletler ve diğer mobil cihazlar aracılığıyla gerçekleşir.
Kaynaklar Bazı durumlarda, bu sayılar daha da yüksektir. Örneğin ABD’de hücresel cihazlar dijital medya tüketiminin yarısından fazlasına katkıda bulunur. Bu nedenle kaynak, web sitesinin hücresel yeteneğinin, SERP’deki “hücresel” etiket tarafından kanıtlandığı gibi Google’da bir sıralama faktörü haline gelmesi şaşırtıcı değildir.Sonuç olarak: Bir WordPress geliştiricisi veya WordPress web sitesi sahibi olarak, sitenizi mobil cihazlar için optimize etmeyi boşa harcamayacaksınız. Ve bu genellikle çok fazla test içerir. Piyasada çok fazla cep telefonu ve tablet ile, web sitenizin tümünde veya çoğunda iyi görünmesini sağlamak zordur. Bekleyin, şimdi mobil cihaz geliştirme yarışmasına katılmalı ve yenisine birkaç ayda bir yatırım yapmalıyız? Kim böyle bir paraya sahip? Hiçbir şey, o kim! Sanki tarayıcı uyumluluğunu takip ediyormuş gibi yeterince zor değil.
Neyse ki bizim için, orada bir dizi hücresel test aracı onları hayatımızı kolaylaştırma (ve cüzdanlarımızı dolu tutma) görevlerini yaptı. Paranızı tüm Apple ve Android ürünlerine yatırmadan önce, bunun sizin için ne yapılabileceğini görelim. Hücresel test için tarayıcı geliştiricisi Masaüstü tarayıcısının hücresel için optimizasyon açısından başlamak için yanlış bir yer olduğunu düşünüyorsanız, tekrar düşünün. Ana tarayıcılardan ikisi olan Chrome ve Firefox, her ikisi de hücresel test için araçlar içeren kendi geliştirme araçlarıyla birlikte gelir. Sadece sitenizi HTML ve CSS’yi kontrol etmek için kullanmaz, aynı zamanda çeşitli mobil cihazlarda görünümü hakkında doğrudan şovlar alırsınız. . Chrome’da, söz konusu araca Firefox duyarlı tasarım görünümüne eşdeğer bir cihaz modu denir. Önce Chrome’u tartışacağız çünkü bu biraz daha sofistike. Chrome Aygıt Modu Aygıt moduna girmek için önce geliştiriciyi etkinleştirmeniz gerekir. Oraya Menü> Daha Fazla Araçlar> Geliştirici Araçları’ndan geçebilirsiniz. Veya sadece Ctrl+Shift+i tuşuna basın. Tüm bunlar ekranın alt kısmında bir geliştirici konsolu açacaktır. Gözlerinizi sol üste yönlendirirseniz, mobil cihaza benzeyen küçük bir simge bulacaksınız.
Bu tıkladıktan sonra cihaz modunu etkinleştirir. Bu, şu anda mobil cihazların sınırlarını yansıtan daha küçük bir çerçevede görüntülendiğiniz web sitesi (daha fazla alan elde etmek için geliştirme aracını düşürebilirsiniz) anlamına gelir. Ekranın kişisel ihtiyaçlarınıza uygun olması veya özel bir ekran boyutu yazmak için sol üst köşedeki numaraları kullanacak şekilde çerçeveyi azaltın ve genişletin. İçeriğin doğru olması için siteyi yeniden yüklemeniz gerekebileceğini bilin, ancak cihaz moduyla ilgili en iyi şey, en üstte bulunan cihazın ön planıdır. Burada en yaygın olanlardan bazılarını seçebilirsiniz. Mobil cihazlar: İPhone ve Samsung Galaxy modelleri, Amazon Kindle Fire gibi farklı ve daha az yaygındır. Listeden bir şey seçtiğinizde, portre ve peyzaj ekranını değiştirmenizi sağlayan ek düğme görünecektir. Harika olan, bunun bir emülasyon değil, tarayıcı pencerenizden sadece farklı bir ekran olmasıdır. Bu, yine de istediğiniz herhangi bir web sitesini keşfedebileceğiniz ve yerel geliştirme siteleri de dahil olmak üzere görebileceğiniz anlamına gelir. Krom cihaz modu ayrıca fare boyunca değil, parmaklarla keşifleri simüle eder. Sonuç olarak, imleci herhangi bir şeye yönlendirdiğinizde spot ışığı veya renk değişikliği yoktur. Gerçek hücresel deneyimi elde edersiniz. Daha karmaşık bir özellik, ağ yavaşlama simülasyonudur. Bunu anlamak için, hücresel ziyaretçilerin WiFi’ye bağlı olmadıklarında genellikle daha yavaş bir ağ bağlantısına sahip olduklarını hatırlamanız gerekir. Krom hücresel test araçları bunu simüle edebilir. Ağın yanındaki diğer gerilme menüsünde, 2G/3G/4G üzerinden WiFi bağlantısına GPRS’den herhangi bir ağ hızını seçebilirsiniz. Bu şekilde, hızı daha az güçlü bir bağlantıya yavaşça yüklenen büyük görüntüler veya diğer öğeler tarafından engellenebilecek hücresel ziyaretçi kullanıcılarının deneyimini daha iyi anlayabilirsiniz. Daha iyi olan, bu ön ayarın yalnızca etkin sekmeniz için geçerli olmasıdır. Yine de normal olarak diğer kromda keşfedebilirsiniz. Genel olarak, Chrome Cihaz Modu, özellikle bunun ücretsiz bir tarayıcının varsayılan bir özelliği olduğunu hatırlıyorsanız, hücresel test için çok olağanüstü bir araçtır. Daha ayrıntılı tanıtımlar ve ek özellikler için bu videoyu da izleyebilirsiniz: Pekala, bir sonrakine! Firefox Firefox’un duyarlı tasarım ekranı Chrome’a benzer bir araç sunuyor. İşlevi rakipleri kadar olmasa da, WordPress web sitenizin hücresel yeteneklerini test etmek hala oldukça yararlıdır.
Etkinleştirildiğinde menüye ve ardından Geliştirici> Duyarlı Tasarım Ekranı veya Geliştirici aracındaki her simgeden tıklayarak etkinleştirebilirsiniz.
Veya ctrl-shift+m kullanın. Duyarlı tasarım ekran arayüzü oldukça temeldir. Tıpkı Chrome’da olduğu gibi, genel prasice boyutu için bir gerilme menünüz var, ancak Firefox’ta ona eşlik eden cihazın adı olmadan gelirler.
Mevcut seçenekler ihtiyaçlarınıza uygun değilse, özel boyutlar ayarlayabilir ve bunları kendi ön ayarınız olarak saklayabilirsiniz.Buna ek olarak, ekran çerçevesini manuel olarak küçültmek ve genişletmek de mümkündür. Daha önce olduğu gibi, duyarlı tasarım ekranı tarayıcınızın bir parçasıdır, yani istediğiniz web adresini keşfedebilirsiniz.Ayrıca fareyi keşfetmek yerine kontrol kontrolünü taklit edebilir.Öte yandan, doku yavaşlama simülasyonu gibi daha sofistike şeyler.Bununla birlikte, Firefox’un kendiniz yaptığı şey, alttaki geliştirme aracını kapatabilmeniz ve yine de beni Chrome ile üzen bir şey olan hücresel test araçlarını kullanabilmenizdir.Buna ek olarak, manzaralar ve portreler arasında boyutlarından arındırılabilir ve indirme klasörünüzde otomatik olarak depolanan mevcut ekrandan ekran görüntüleri alabilirsiniz.
Chrome Cihaz Modu ve Firefox Duyarlı Tasarım Modu, sitenizin hücresel yeteneklerini kontrol etmek için iki etkili araçtır ve çoğu durumda yeterlidir. Ancak, tek kişiden uzaklar. Hücresel Cihazları Taklit Etme: Xcode ve Android SDK Tarayıcı penceresinde farklı mobil cihaz boyutlarını taklit etmesine rağmen, test için oldukça iyi çalışabilirsiniz, bu gerçek bir şey değildir. Ancak, sadece web sitemizi görmek için 10 farklı mobil cihaz satın alma fikrinin daha az çekici olduğunu belirledik. İkisi arasındaki ortadaki yöntem emülasyondur, bu da test amacıyla kullanım için sanal mobil cihazlar yapmak anlamına gelir. Bu cihaz, aslında bilgisayarınızda gerçekten çalıştığında bir cep telefonu ve tabletmiş gibi davranır. Neyse ki, en çok benimsenen işletim sistemi üreticileri – iOS ve Android – ürünleri için en güçlü iki emülatör oluşturdu ve serbestçe kullanılabilir hale getirdi. Web sitesini Apple Cihazları ile uyumluluk için kontrol etmenin en iyi Xcode yoluyla iOS cihazını taklit edin, şirketin iOS simülatörünün kendisidir. Bu, Apple’ın geliştirme ortamı olan Xcode’un bir parçasıdır. Avantaj ücretsizdir. Tek ihtiyacınız olan bir geliştirici kimliği. Ancak dezavantaj, bunun sadece Apple cihazlarında çalışmasıdır. Windows ve Linux kullanıcıları, bir iPhone veya iPad’e sahip olmak için sahte olmanın başka yollarını bulmalıdır. Bir Mac’iniz varsa ve kendiniz için bir kimlik hazırladıysanız, Xcode’u buradan alabilirsiniz. Sadece adı arayın ve uygun sürümü indirin. İOS simülatörü, daha fazla bir yazılımdır ve böyle kullanılabilir. Xcode kurulumu tamamlandıktan sonra, burada bulabilirsiniz: uygulamayı keşfedin, Xcode’da sağa tıklayın ve paket içeriğini görüntüleyin. Ardından İçindekiler> Geliştirici> Platformları> iPhoneSimulator.Platform> Geliştirici> Uygulamalara gidin.
IOS simülatörü listede görünecek. Hızlı erişim için bir rıhtımda kısayol yapabilirsiniz.
Açıldıktan sonra cihazı ana menüde donanımla değiştirebilirsiniz. Peyzaj modu ve portreler arasında geçiş aynı yerde meydana gelir. Sitenizi test etmek için sanal cihazınızda bir tarayıcı açın ve herhangi bir web adresini girin. Bunun yerel bir geliştirme ortamında da çalıştığını bilin, simüle edilmiş cihazlar Mac’inize erişebileceğiniz herhangi bir siteye erişebilir. İşte burada. Tebrikler, artık makinenizdeki tüm sanal elma cihazları var. Övünme hakları açısından çok yararlı değil, ancak WordPress siteniz için bir hücresel test aracı olarak oldukça yararlı. Windows kullanıcıları için kısa bir not: Xcode’u Windows’ta çalıştırmanın birkaç yolu vardır, ancak yöntem oldukça kıvrımlıdır ve en pratik değildir. Sitenizi kontrol etmek için daha rahat bir çözüm arıyorsanız, bir Mac satın alın veya bu makalede önerildiği gibi başka yöntemler kullanın. İlk Android SDK, İyi Haber ile herhangi bir Android cihazında sitenizi kontrol edin:
Android SDK (Xcode Google’a eşdeğer) Windows ve MacOS X ve diğer platformlar için işlevler. Ayrıca kullanmak ücretsizdir ve Android stüdyosunun bir parçası olarak buradan indirebilirsiniz. Biraz kötü haber, biraz daha karmaşık ayar. Ayrıca, boyut oldukça büyüktür. Tek başına kurulum için indirmeler 1GB’dan fazla, yaklaşık 4GB ve daha fazlası standart kurulumları gelecek. İndirme tamamlandıktan sonra kurulumu gerçekleştirmelisiniz. Mac kullanıcılarının zip açması gerekir. Bundan sonra Android Studio’yu başlat. Yapılandırmayı ve ardından SDK Manager’ı tıklayın. Buradan, en son Android sürümünü aşağı kaydırarak ve yanındaki onay kutusunu kontrol ederek yükleyebilirsiniz. Kurulum işlemini başlatmak için Paketi Yükle’yi tıklayın. Şimdi bekleyin, bu uzun zaman alabilir. Her şey bittikten sonra, birkaç sanal cihaz hazırlama zamanı. Bunu yapmak için SDK Manager menüsünde Tool> AVD’yi yönetin. Cihazın tanımı altında özel bir cihaz oluşturma veya bir prassay seçme seçeneğiniz vardır. Bittiğinde, Oluştur’u seçin, Android sürümünü ve sanal işlemciyi ve onaylamayı yapılandırın. Cihaz artık Android Sanal (AVD) listenizin bir parçası olmalıdır. Birini vurgulayın ve Başlat’ı tıklayın. Ekranı gerçek boyuta (çok küçük olması muhtemel) dağıtıp dağıtmayacağınıza karar verin, ardından başlatmayı tıklayın. Simülatörün çalışabilmesi için birkaç dakika sürer çünkü ilk kez Android’i başlatmanız gerekir. Ardından, AVD’nizdeki tarayıcıyı bulun ve kontrol etmek istediğiniz siteleri açın. FN+CTRL+F11/F12 (MAC) veya CTRL+F11/F12 (Windows) aracılığıyla peyzaj moduna ve portrelere geçebilirsiniz. Kolay değil mi? Çevrimiçi emülatör
Kaynak Yukarıdaki araçlardan birinin sizin için uygun olmadığını düşünüyorsanız, bir dizi farklı mobil cihaz için test yapabileceğiniz çevrimiçi bir dizi emülatör de vardır. Xcode’un doğası nedeniyle, bu onu kullanması yasak olanlar için çok ilginç olabilir. Bu hücresel test araçlarının bazıları sizi kendi emülatörlerine bağlarken, diğerleri gerçek cihaza bağlanır. Tarayıcı yığınları
Browstack, çevre, işletim sistemleri, tarayıcılar ve farklı cihazlardaki web sitelerini test etmek için web tabanlı bir platformdur. Bu, Windows Phone da dahil olmak üzere farklı işletim sistemlerinde 50’den fazla mobil cihaza erişime sahip ücretli bir çözümdür. Google tarafından hücresel testi
Google’ın hücresel misafirperverliğe yeni vurgu yapmasıyla, sitenizin performansının ne kadar iyi olduğunu analiz etmek için bir araç sağlaması mantıklıdır. URL yazdıktan sonra, hücresel test araçları sitenizi yalnızca yanıt verme için değil, aynı zamanda sayfa yükleme süresi gibi diğer hücresel dostu işaretleyicileri de kontrol edecektir. Mobiletest.me
Bu hizmet, sitenizi HTC One, Google Nexus 7 ve Apple iPad Mini gibi altı farklı popüler cihazda test etmenizi sağlar. Tek yapmanız gereken birine tıklamak, web adresini yazmak ve yapmaya hazırsınız. Bu da ücretsiz, iyi olanlar. Sorumlu kişi
Bir sonraki satır yanıt.Bu, iPhone 5’ten “çirkin Android cihazlara” (sic!) Nexus 4’e kadar birkaç farklı Android ve iOS cihazının testini sunar. Her zamanki gibi, herhangi bir adres yazın ve cihaz tarafından seçilen ekranda uygun web sitesi görünecektir.Flip seçeneği yoktur, ancak her cihaz için bir peyzaj ekranı da seçebilirsiniz.QuickToolScreenfly by Screenfly, TV ve masaüstü bilgisayarlar da dahil olmak üzere çeşitli iyi cihazlar sunar.Ancak, listede birçok tablet ve cep telefonu da var.Bu kullanım için ücretsizdir ve arayüz çok sezgiseldir.Bazı hızlı sınavlar yapmak şiddetle tavsiye edilir!Açılış hücresel testi
Bu hizmet şimdiye kadar en pahalı, ama aynı zamanda en sofistike. Bu, farklı cihazları taklit etmek yerine, kullanıcıları aslında sunucularına bağlı tabletlere ve cep telefonlarına bağlar. Gerçek kısmın başında ekran yakalama onların. Bununla birlikte, etkileyici düzenlemeler olsa da, bence bu tür hizmet sadece çok sayıda cihazda% 100 mükemmel olması gereken çok büyük ticari projelere sahip insanlar için mantıklıdır. Mobil cihazlardaki kullanıcıların tüm trafik ihtiyaçlarının web sitesini çalıştıran ve yalnızca önemli ölçüde büyümeye devam edecek herkes için çok önemli olması için hücresel test araçları mevcuttur. Bu nedenle, web siteleriyle profesyonel olarak ilgilenen kişiler, cep telefonlarında ve tabletlerinde nasıl iyi görünmesini ve iyi görünmesini sağlayacağını bildiklerinden emin olmak çok zordur. WordPress web sitelerinin yeteneğini kontrol etmek için bir dizi hücresel test aracı mevcuttur. Tarayıcıdan iOS ve Android Emulator aracılığıyla Üçüncü Party Web çözümlerine kadar geliştiriciler ve kullanıcılar seçimden yoksun değildir. Her araç kendi güçlü ve zayıf yönleriyle donatılmıştır. Bununla birlikte, çoğunun benzerliği, gerçek yaşam cihazlarına yatırım yapmaktan kesinlikle daha ucuz olmalarıdır. Yukarıdaki çözüm, çoğu kullanım durumunu test etmek için yeterlidir. Hangisini seçtiğiniz kendi ihtiyaçlarınıza ve tercihlerinize bağlıdır. Sonunda, önemli olan sonuç. Hücresel ziyaretçileriniz minnettar olacak. Sitenizi hücresel yetenekler için nasıl test ediyorsunuz? Tavsiye edebileceğiniz bir araç var mı?
