UĞUR ÇELENK
Web teknolojileri ve haberleri, yazılım ve proje geliştirme kategorileri altında,
makale ve bilgilerin aktarıldığı web günlüğü

Websiteniz farklı browserlarda nasıl görünüyor?

Salı, 1 Nisan 2008 23:18 by Ugur

Sitenin tasarımını yaparken, sürekli aklımızdan çıkmayan bir soru olsa gerek.(belki de farklı browserlarda yapacağınız/yaptığınız sitenin sorunlu gözükmesi ihtimalinden haberiniz bile yok..)

Peki bu sorunlar neler?
- Internet Explorer 6(IE6), transparent png'lerin saydam olan kısımlarını gri tonda gösteriyor.(IE 7 veya firefoxta bu sorun yok, css hack denilen yöntemle bu sorunu da aşıyorlar ama ben herzaman için gif kullanmaktan yanayım..)
- Internet explorer'da sayfam ortalanmış gözüküyor ama firefoxta sola yapışık durumda? (Bu sorunu genellikle sayfadaki ortalanmasını istediğin yeri <center> </center>  taglarının arasına alarak çözüm sağlıyorum..)
- Tablolarınızda ya da kullandığınız divlere verdiğiniz background ın sağ/sol/aşağı/yukarı hizalanmasında sorun yaşanabiliniyor..( Örneğin, Visual Studio kullanıyorsanız eğer, background resmini hizalamaya kalkarsanız "background-position-x" veya "background-position-y" kullanarak hizalatıyor, IE de sorunsuz gözükür fakat firefoxta hizalama da sorun yarattığını görürsünüz, "background-position" yazarak hizalamanız gerecektir..)
- Sayfanızda marquee elementini kullanarak yaptığınız kayan yazılar firefoxta gözükmüyor? ( marquee elementini desteklemiyor, bunun için marquee işlevini yapan hazır ufak javascript kodlarını google dan search ederek rahatlıkla bulabilirsiniz.. )
..Yukarıda yazdıklarımın dışında akla gelmeyen birsürü madde sıralanabilinir. 

Sonuç olarak, sitenin farklı browserlarda sorunsuz gözükmesini istiyorsanız, tamamen olmasa bile  W3C standartlarına uymamız gerekiyor..
(Not: Mail formu hazırlarken, W3C standartlarına uymamanızı tavsiye ederim, çnkü maillerde style="width:100px" şeklinde yazarsanız sonuç alamazsınız, width="100" şeklinde yazmanız gerekebilir.mümkünse gmail ve hotmail için test etmeniz önerilir..  )


İyi güzel diyorsun da, teker teker browserları bilgisayarımıza mı kuracağız şimdi? diye düşünmüşsünüzdür?
Bu site ile varolan tüm tarayıcılarda sitenizin nasıl gözüktüğünü screenshotlarla görebiliyorsunuz.

Öncelikle çok vaktinizi almayacak olan kayıt işlemini yapmanız gerekmektedir..(fakat farklı browserlardaki görünümlerin screenshotları görebilmeniz için yarım saat kadar beklemenizi istiyorlar, kuyruk yapııs oluşturmuşlar..)
Ardından izleyeceğiniz adımların screenshotları:



===============================================================


===============================================================


 


Yukarıdaki menüden "Search"e tıklayın ve site adınızı yazıp, çıkan sonuca tıklayın ve aşağıdaki gibi bir sayfada istediğiniz sonuçları görmüş olacaksınız.. 

Digg It!DZone It!StumbleUponTechnoratiRedditDel.icio.usNewsVineFurlBlinkList

İlişkili yazılar

Yorumlar

Nisan 12. 2008 16:23

Bu tip internet servislerinin olması güzel, ancak bunlar sadece css işaretlemeleri için işe yarayabiliyor. Javascript için ben çok geniş bir aralıkta test yapmak zorundayım halen. Veya birisi çıkıp "unit test" için kural tanımlayacak ve yazdığımız sayfaları o testlerden geçireceğiz. Aslında güzel bir ürün çıkabilir bu fikirden.

Necat Bolpaça

Yorum ekle


 

[b][/b] - [i][/i] - [u][/u]- [quote][/quote]



Canlı önizleme

Temmuz 4. 2008 16:03