WordPress için 12 En İyi Hücresel Test Aracı (Ücretsiz ve Ücretli Amp;
Hücresel trafiğin dikkate alınması gereken bir güç olduğu bir sır değil. Son birkaç yıldır, hücresel İnternet kullanıcılarının sayısı, masaüstü makinelerinde sörf yapan kişi sayısını aştı. Şu anda, internet tüketiminin yarısından fazlası cep telefonları, tabletler ve diğer mobil cihazlardan oluşmaktadır. Bu aynı zamanda web geliştirme için hücresel test araçlarının kullanılmasını gerektirir.
Web sitesinin hücresel yeteneği Google’da bir sıralama faktörü haline gelmiştir. Sonuç olarak, bir WordPress geliştiricisi veya WordPress web sitesi sahibi olarak, sitenizi mobil cihazlar için optimize edemezsiniz. 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. 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 misyonu haline getirdi. Paranızı tüm Apple ve Android ürünlerine yatırmadan önce, bunun sizin için ne yapılabileceğini görelim. Bugün burada, şu anda piyasada bulunan çoğu cihaz türünü kapsaması beklenen 12 seçeneği tartışıyoruz.
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. Tüm ana tarayıcılar, hücresel test için araçlar içeren kendi geliştirme araçlarıyla birlikte gelir. Sitenizi yalnızca HTML ve CSS kontrol etmek için kullanamazsınız, aynı zamanda çeşitli mobil cihazlarda görünümü hakkında doğrudan şovlar alırsınız. Chrome, Firefox ve Safari’yi burada tartışacağız. 1. Krom Aygıt Modu Aygıt moduna girmek için önce geliştirici aracını etkinleştirmeniz gerekir. Oraya View> Geliştirici> Geliştirici Araçları aracılığıyla gidebilirsiniz. Ya da sadece CTRL+Shift+i tuşuna basın. Tüm bunlar ekranın sağ tarafında bir geliştirici konsolu açacaktır. Gözlerinizi konsolun sol üstüne yönlendirirseniz, üst üste yığılmış bir akıllı telefon ve tablet gibi görünen küçük bir simge bulacaksınız. Bu tıkladıktan sonra cihaz modunu etkinleştirir. Cihaz Modu Nasıl Kullanılır Bu modda, şu anda mobil cihazların sınırlarını yansıtan daha küçük bir çerçevede görüntülenen web sitesi (gerekirse biraz daha fazla alana sahip olmak için geliştiriciyi yana çekebilirsiniz). Ekranın kişisel ihtiyaçlarınıza uygun olacak şekilde çerçeveyi azaltın ve genişletin. Veya özel ekran boyutu yazmak için sol üst köşedeki sayıları kullanın. İçeriğin doğru olması için siteyi yeniden yüklemeniz gerekebileceğini bilin Bununla birlikte, cihaz modu ile ilgili en iyi şey, üstte bulunan cihazın varsayımıdır. Burada en yaygın mobil cihazlardan bazılarını seçebilirsiniz: farklı iPhone ve Samsung Galaxy modelleri ve Amazon Kindle Fire gibi daha az yaygındır. Örneğin, bu Chrome geliştiricisinin iPhone X’teki web sitemizdeki görüntülenmesidir: Listeden bir şey seçtiğinizde, portre ve peyzaj ekranı arasında değişmenizi 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 da karmaşık özellikler olan kötü bir bağlantıyı simüle edin, ağ yavaşlama simülasyonudur. Bunu anlamak için, hücresel ziyaretçilerin WiFi kullanmadı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ızları engellenebilecek hücresel ziyaretçilerin deneyimini daha iyi anlayabilirsiniz. Bu, daha az güçlü bir bağlantıya yavaşça yüklenen büyük görüntüler veya diğer öğeler gibi tıkanıklığı anlamanızı sağlar. 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: 2. Firefox Firefox’un duyarlı tasarım ekranı Chrome’a benzer bir araç sunuyor. Rakipler kadar işlevleri olmasa da, WordPress web sitenizin hücresel yeteneklerini test etmek hala oldukça yararlıdır. Menü ve ardından Geliştiriciler> Duyarlı Tasarım Ekranı’nı tıklayarak veya etkinleştirildiğinde geliştirici aracındaki her simgeyi tıklayarak etkinleştirebilirsiniz.
Veya ctrl-shift+m kullanın. Duyarlı tasarım ekran arayüzü oldukça tanıdık. Tıpkı Chrome’da olduğu gibi, genel prasice boyutu ve ilgili cihazlar için bir gerilme menünüz var.
Mevcut seçenekler ihtiyaçlarınıza uygun değilse, özel boyutlar ayarlayabilir ve bunları kendi ön ayarınız olarak saklayabilirsiniz. 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. Ağ yavaşlama simülasyonu da mevcuttur. Firefox’un kendi başına yaptığı başka bir şey, alttaki geliştirme aracını kapatabilmeniz ve yine de bir hücresel test cihazı kullanabilmenizdir. Bu beni Chrome ile üzen bir şey. Buna ek olarak, boyutundan çıkan manzaralar ve portreler arasında geçiş yapabilir ve indirme klasörünüze otomatik olarak giren mevcut ekrandan ekran görüntüleri alabilirsiniz. Safari Duyarlı Tasarım Modu Özellikle Mac’te çalışıyorsanız, orijinal tarayıcı Safari’de Duyarlı Tasarım Modu kullanabilirsiniz. Kullanmaya başlamak için sadece Safari’yi açın> Tercihler> Gelişmiş. Ardından, bir sonraki ekran menüsündeki kutunun kontrol edilen çubuk menüsünde geliştiğinden emin olun. Menü artık menü çubuğunda görünecek. Tıklayın ve Duyarlı Tasarım Modunu Gir’i seçin. Şimdi web sitenizi üstte listelenen çeşitli seçeneklerle duyarlı görünümde göreceksiniz. Boyutları manuel olarak değiştirebilir, simüle edilecek tarayıcı ekranını veya aygıtını seçebilirsiniz. Ancak, tüm cihaz ön ayarları Apple ürünleridir. Bu nedenle, Android çalıştıran cihazın görünümünü kontrol etmek istiyorsanız, boyutları manuel olarak girmelisiniz.
4. Android SDK Sırada Hücresel Test Araçlarımız Listesinde: Android SDK (Xcode Google’a eşdeğer). Bu, Windows ve MacOS X ve diğer platformlar için çalışır. 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. Yalnız kurulum için indirmeler 1 GB’dan fazla, yaklaşık 4 GB standart kurulumu – ve daha fazlası 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. Şimdi bekleyin, bu uzun zaman alabilir. Sanal cihazları hazırlayın ve kullanın Her şey bittikten sonra birkaç sanal cihaz hazırlama zamanı. Bunu yapmak için AVD yöneticisini açın (Configure> AVD Manager).
Sanal cihazlar için özel bir cihaz oluşturma veya aşağıdaki prasseti seçme seçeneğiniz vardır. Bittiğinde İleri’yi tıklayın, Android sürümünü ve sanal donanımı ve onayını yapılandırın. Cihaz artık Android Sanal (AVD) listenizin bir parçası olmalıdır. Birini vurgulayın ve başlatmak için oynat düğmesini 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. Peyzaj modları ve portreler arasında geçiş yapmak için araç çubuğunu kullanın. Dünyadaki en kolay hazırlık süreci olmasa da, hala çoğu geliştiricinin erişebileceği. 5. Xcode Web sitelerini Apple cihazlarla uyumluluk için kontrol etmenin en iyi yolu ş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. IOS Simulator IOS Simulator’ın tek başına ayakta duran bir yazılım olduğunu ve böyle kullanabilirsiniz. Xcode kurulumu tamamlandıktan sonra burada bulabilirsiniz: Uygulamayı keşfedin, XCODE’ye sağlayın ve paket içeriğini görüntüleyin. Ardından İçindekiler> 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 Dosya> Simülatör açısından değiştirebilirsiniz. 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: Windows’ta Xcode çalıştırmanın birkaç yolu vardır. Ancak, oldukça kıvrımlı ve en pratik değiller. Sitenizi kontrol etmek için daha rahat bir çözüm arıyorsanız, bir Mac satın alın veya bu makalede önerilen diğer yollardan birini kullanın. 6. Opera Mini Açıkça en moda tarayıcı olmasa da, opera hala birçok mobil cihazda, özellikle eski modellerde kullanılmaktadır. Genellikle, opera bu cihaz için mevcut en iyi tarayıcı seçeneğidir. Sonuç olarak, web sitenizin içine doğru yüklendiğini görmek için test etmelisiniz. Opera Mobile Emulator artık çalışmasa da, yine de Opera Mini tarayıcısını bir Android cihazına indirebilirsiniz. Bu, web sitenizin doğrudan nasıl yüklendiğini test etmenizi sağlar. En azından bu, sitenizi açarken Opera Hücresel Klasik Tarayıcı deneyimine bir göz atacaktır. BrowSstack BrowThrstack, ortamdaki web sitelerini, işletim sistemlerini, tarayıcılara ve farklı mobil cihazları test etmek için araçlara sahip web tabanlı bir platformdur. Bu, farklı işletim sistemlerinde 50’den fazla mobil cihaza erişime sahip ücretli bir çözümdür. Çeşitli şekillerde kullanabilirsiniz.
Örneğin, doğrudan tarayıcı testleri ile web sitelerini test edebilir, daha büyük ölçekli projeler için otomatik testler yapabilir veya görsel testler yapabilirsiniz. Veya, uygulamayı test etmeniz gerekiyorsa, uygulamayı simüle edilen veya otomatik testler yapan mobil cihazlara doğrudan test yoluyla uygulamak için App Live özelliğini kullanabilirsiniz. Fiyatlar her yıl faturalandırılan ay 29 $ ‘dan başlıyor. 8. Lambda Test WordPress sitenizi test etmenin başka bir tarayıcı tabanlı yolu Lambdatest’tir. Bu, 2.000’den fazla farklı tarayıcı ve işletim sistemi kullanan bulut tabanlı bir otomatik tarayıcı test aracıdır. Bu numara, nasıl erişilsin, sitenizin harika görünmesini sağlamanıza izin verecektir. Tüm simüle edilmiş hücresel tarayıcılarda selenyum testini otomatikleştirebilirsiniz, yerel olarak yayınlanan siteleri test edebilir, coğrafi konumları test edebilir ve hatta hata ayıklama. 9. Google’ın hücresel misafirperverliğe devam eden vurgusu ile hücresel dostu test, sitenizin performansının ne kadar iyi olduğunu analiz etmek için araçlar sağlamaları 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.
10. 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. Gerçekten de, bu en son test seçeneği değildir, ancak bu, cüzdanınızı açmak zorunda kalmadan bazı eski cihazlarda uyumluluğu test etmenin hızlı ve kolay bir yoludur. Sorumlu bir sonraki satır yanıttır. 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.
12. Hücresel Test Araçlarımız listesindeki son ekranboya girişi Screenfly, TV ve masaüstü bilgisayarlar da dahil olmak üzere oldukça iyi bir cihaz seti sunmaktadır. 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!
