- 13 Ocak 2018
- 3,227
- 29
Merhaba THT üyeleri,
Bu konumda "Cross Browser Testing" Türkçesiyle "Çapraz Tarayıcı Testi"nden bahsedeceğim. Tanım yaparak başlayalım.
ÇAPRAZ TARAYICI TESTİ NEDİR ?
Çapraz tarayıcı testi, yani bir web sitesinin farklı cihazlarda, tarayıcılarda ve farklı tarayıcı sürümlerinde oluşan görünümünü ve hatalarını tespit etmektir.
Bu çapraz tarayıcı testini birden fazla cihaz kullanmadan çeşitli yazılımlarla yapabilmek mümkün. Biz ücretsiz hizmet veren "LambdaTest" yazılımını kullanacağız. Kullanıma geçelim,
LAMBDATEST İLE ÇAPRAZ TARAYICI TESTİ
İlk olarak kullanacağımız cross browser testing aracımızın web adresine gidelim;
Adrese gittiğimizde açılan sayfada "Start Free Testing" yazısına tıklayalım ve üye giriş bilgilerini doldurup kayıt olalım. (Kayıt esnasında yalnızca mail adresinizi doğrulama kodu gelebilmesi adına doğru girmeniz yeterli telefon numarası ve diğer kısımları sallayabilirsiniz)
Kayıt işlemlerini tamamladıktan sonra karşımıza aşağıdaki gibi bir ekran gelecektir. İlk olarak gerçek zamanlı test yapacağımız için sol taraftaki panelden Real Time Testing yazan yere basıyoruz,
Burada URL kısmına test edeceğimiz web adresini giriyoruz Ben THT'nin adresini girdim.
URL kısmının hemen aşağısında "masaüstü" ve "mobil" seçeneği var. Burada tarayıcımızı hangi platformdan test etmek istiyorsak ona basıyoruz. Ben masaüstü diyerek devam edeceğim
Bu kısımda da tarayıcımızı, tarayıcı sürümümüzü, işletim sistemimizi ve ekran çözünürlüğümüzü seçeceğiz. Ben "Chrome, 73, Windows 10, 1366x768" şeklinde seçim yaptım siz dilediğiniz gibi seçebilirsiniz.
yukarıdaki işlemleri tamamladıktan sonra artık test işlemine geçebiliriz.Sağ üstte bulunan "Start"a tıklıyoruz. Aşağıdakine benzer bir sayfa açılacak. Burada gerçek zamanlı test işlemimizi gerçekleştireceğiz
Gördüğünüz gibi sol tarafta panelde bulunan araçları kullanarak bulduğumuz hataları kaydedebilir, testimizi videoya alabilir ve çözünürlük ayarlarını değiştirebiliriz. Test işlemimimiz bittikten sonra soldaki panelden çıkış butonuna basarak çıkış yapabilirsiniz.
Şimdi ise Sanal Kullanıcı Arayüzü Testi işlemimize geçelim. Yine sol taraftaki panelimizden "Visual UI Testing" yazısına tıklayıp aşağı doğru açılan listeden "Responsive" yazısına tıklayalım. Sayfanın üstünde bulunan URL kısmına test edeceğimiz web adresini giriyoruz ben yine THT'nin adresini gireceğim. Ardından hemen altından test edeceğimiz telefon modelini seçiyoruz Karşımıza aşağıdaki gibi bir sayfa çıkacak
Ardından "Generate" yazısına tıklıyoruz. Tıkladıktan sonra aşağıdaki gibi bir görüntü oluşacak burada artık sitemizi mobil haliyle test edebiliriz
Bu kısım sitemizin mobil uyum testini gerçekleştirmemizi sağlıyor aynı işlemi farklı cihazları kullanarak teste devam ettirebilirsiniz. Test loglarımıza bakmak için sol tarafta "Test Logs" yazısına tıklayıp aşağıdaki gibi aldığımız ekran görüntüleri dahil kayıtları görebilirsiniz.
Konum buraya kadar okuduğunuz için teşekkür ederim...
Bu konumda "Cross Browser Testing" Türkçesiyle "Çapraz Tarayıcı Testi"nden bahsedeceğim. Tanım yaparak başlayalım.
ÇAPRAZ TARAYICI TESTİ NEDİR ?
Çapraz tarayıcı testi, yani bir web sitesinin farklı cihazlarda, tarayıcılarda ve farklı tarayıcı sürümlerinde oluşan görünümünü ve hatalarını tespit etmektir.
Bu çapraz tarayıcı testini birden fazla cihaz kullanmadan çeşitli yazılımlarla yapabilmek mümkün. Biz ücretsiz hizmet veren "LambdaTest" yazılımını kullanacağız. Kullanıma geçelim,
LAMBDATEST İLE ÇAPRAZ TARAYICI TESTİ
İlk olarak kullanacağımız cross browser testing aracımızın web adresine gidelim;
Kod:
https://www.lambdatest.com
Adrese gittiğimizde açılan sayfada "Start Free Testing" yazısına tıklayalım ve üye giriş bilgilerini doldurup kayıt olalım. (Kayıt esnasında yalnızca mail adresinizi doğrulama kodu gelebilmesi adına doğru girmeniz yeterli telefon numarası ve diğer kısımları sallayabilirsiniz)
Kayıt işlemlerini tamamladıktan sonra karşımıza aşağıdaki gibi bir ekran gelecektir. İlk olarak gerçek zamanlı test yapacağımız için sol taraftaki panelden Real Time Testing yazan yere basıyoruz,
Burada URL kısmına test edeceğimiz web adresini giriyoruz Ben THT'nin adresini girdim.
URL kısmının hemen aşağısında "masaüstü" ve "mobil" seçeneği var. Burada tarayıcımızı hangi platformdan test etmek istiyorsak ona basıyoruz. Ben masaüstü diyerek devam edeceğim
Bu kısımda da tarayıcımızı, tarayıcı sürümümüzü, işletim sistemimizi ve ekran çözünürlüğümüzü seçeceğiz. Ben "Chrome, 73, Windows 10, 1366x768" şeklinde seçim yaptım siz dilediğiniz gibi seçebilirsiniz.
yukarıdaki işlemleri tamamladıktan sonra artık test işlemine geçebiliriz.Sağ üstte bulunan "Start"a tıklıyoruz. Aşağıdakine benzer bir sayfa açılacak. Burada gerçek zamanlı test işlemimizi gerçekleştireceğiz
Gördüğünüz gibi sol tarafta panelde bulunan araçları kullanarak bulduğumuz hataları kaydedebilir, testimizi videoya alabilir ve çözünürlük ayarlarını değiştirebiliriz. Test işlemimimiz bittikten sonra soldaki panelden çıkış butonuna basarak çıkış yapabilirsiniz.
Şimdi ise Sanal Kullanıcı Arayüzü Testi işlemimize geçelim. Yine sol taraftaki panelimizden "Visual UI Testing" yazısına tıklayıp aşağı doğru açılan listeden "Responsive" yazısına tıklayalım. Sayfanın üstünde bulunan URL kısmına test edeceğimiz web adresini giriyoruz ben yine THT'nin adresini gireceğim. Ardından hemen altından test edeceğimiz telefon modelini seçiyoruz Karşımıza aşağıdaki gibi bir sayfa çıkacak
Ardından "Generate" yazısına tıklıyoruz. Tıkladıktan sonra aşağıdaki gibi bir görüntü oluşacak burada artık sitemizi mobil haliyle test edebiliriz
Bu kısım sitemizin mobil uyum testini gerçekleştirmemizi sağlıyor aynı işlemi farklı cihazları kullanarak teste devam ettirebilirsiniz. Test loglarımıza bakmak için sol tarafta "Test Logs" yazısına tıklayıp aşağıdaki gibi aldığımız ekran görüntüleri dahil kayıtları görebilirsiniz.
Konum buraya kadar okuduğunuz için teşekkür ederim...
Son düzenleme: