Arayüz Kodlama Tarayıcı ve Platform Testi

Şu anda tam zamanlı olarak çalıştığım şirkette arayüz kodlamadan sorumluyum. Böyle bir konuya odaklanmak daha iyi sonuçlar verir, zaman gösterecek. İşe başladığımda bir gazete arayüzü HTML5 & CSS & Javascript olarak kodladım. Sonra çeşitli platform ve tarayıcı versiyonlarında tabi olarak farklılıklar gördüm. Bunlar aman aman siteyi komple bozacak farklar olmasa da işlevselliği etkileyen farklardı.

Bundan 3-4 sene öncesine kadar Internet Explorer 6 ile uğraşıp dururduk. Neyse ki artık kullanımı yok denecek kadar azaldığı için IE 6 dikkate alınmıyor. Ama yine de Internet Explorer yeni tarayıcı motorunda farklılıklar sürüyor. Safari özellikle Mac OS ortamında ve iOs cihazlarda farklılıklar çıkarabiliyor. Keza Firefox da öyle. Her tarayıcıda aynı görüntüyü almak ana amaç değil, ana amacımız her tarayıcı ve platformda benzer deneyimi kullanıcılara sunmak. Bunun için bugün bir tarayıcı uyumluluk formu hazırladım. Sizin de işinize yarayabilir diye buraya da yüklüyorum. İşte aşağıda;

Tarayıcı Uyum Kontrol Formu

Öncelikle C, C1 ve C2 değişkenlerine atama yapıyoruz. Bunlar tarayıcıların güncel sürümü ve 2 alt ana sürümünü oluşturuyor. Hepsi farklı platformlar için test ediliyor ve sorun varsa altta Internet Explorer örneği gibi sorunu yazabiliyoruz. Özellikle stajyer çalışma arkadaşlarınız varsa onlar için de güzel bir deneyim ve sağlıklı bir kodlama sağlanır. Bu format değişebilir ama hali hazırda olan kısmı bana bir yere kadar yeterli geldi. Peki bunları nereden kontrol edecek arkadaşımız? Bunun için de araçlar İnternet’te meevcut. Altta bununla ilgili birkaç araç yazıp bitiriyorum.

Bu da ilgili Excel dosyası

 

Arayüz Kodlama Tarayıcı ve Platform Testi” üzerine 3 yorumlar

  1. Güzel bir yazı olmuş eline sağlık. Tam bir test otomasyonu süreçlerine girmeye hazır olmayan şirketler için geliştirme süreçlerinde mutlaka uygulaması gereken metodolojiler bunlar.

  2. Güzel bir form tabi ama yeterli değil. Daha otomasyona bağlı bir şey olmalı. Ama arkadaşın dedi gibi henüz sistemi olmayanlar kullanabilir.

Bir Cevap Yazın

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

İnsan mısınız? * Time limit is exhausted. Please reload CAPTCHA.