Blog

Sitenizin Google Chrome'da harika görünmesini sağlıyoruz.

27 Mart 2009, Cuma

Geçtiğimiz Eylül ayında
Google Chrome
tarayıcısını kullanıma sunduğumuzdan bu yana, web yöneticileri ve web geliştiricilerinden sitelerinin Google Chrome’da harika görünmesini nasıl sağlayacaklarına dair birçok soru aldık. Bu sorular Chrome ekibi için oldukça ufuk açıcı ve aydınlatıcıydı; ben de sitenizin Google Chrome’da kusursuz görünmesini sağlayacak birkaç faydalı ipucuyla yanıt vermek istiyorum.

Google Chrome’u Algılama

Çoğu site, her ikisi de
WebKit tabanlı tarayıcılar olduğu için hem Safari’de hem de Google Chrome’da aynı şekilde oluşturulacaktır.
Siteniz Safari’de düzgün görünüyorsa, Google Chrome’da da düzgün görünmelidir.

Chrome nispeten yeni olduğu için, birçok site Google Chrome’u başka bir tarayıcıyla karıştırmıştır. Siteniz Chrome’da tam olarak düzgün görünmüyor ancak Safari’de sorunsuz çalışıyorsa, siteniz Chrome’un kullanıcı aracısı (user-agent) dizisini tanımıyor olabilir.

Platformlar ve tarayıcılar oluşturma motoru olarak WebKit’i benimsedikçe, siteniz doğru JavaScript kontrolleriyle bunları otomatik olarak algılayabilir ve destekleyebilir. Siteler genellikle “Chrome” veya “Safari” için navigator.userAgent özelliğini ‘koklamak’ (sniff) amacıyla JavaScript kullanır, ancak mümkünse
doğru nesne algılama
yöntemini kullanmalısınız. Aslında Gmail, ilk günden beri Chrome’da WebKit’i doğru bir şekilde algılıyor!

Kullanıcı aracısı türünü mutlaka algılamanız gerekiyorsa, WebKit’i algılamak için bu basit JavaScript’i kullanabilirsiniz:

Veya WebKit sürümünün en az belirli bir sürümde olup olmadığını kontrol etmek istiyorsanız (örneğin, yeni ve havalı bir WebKit özelliğini kullanmak istiyorsanız):

Referans olması açısından, işte bazı tarayıcı sürümleri ve kullandıkları WebKit sürümleri:

TarayıcıWebKit Sürümü
Chrome 1.0525.19
Chrome 2.0 beta530.1
Safari 3.1525.19
Safari 3.2525.26.2
Safari 4.0 beta528.16

WebKit veya Google Chrome’u algılamak için navigator.vendor kontrollerinize “Google” veya “Apple” eklemenizi önermiyoruz; çünkü bu, diğer WebKit veya Chromium tabanlı tarayıcıları algılamayacaktır!

WebKit’i algılama hakkında daha fazla bilgiyi
webkit.org adresinde bulabilirsiniz.

Diğer faydalı ipuçları

  • Google Chrome, ActiveX eklentilerini desteklemez ancak NPAPI eklentilerini destekler. Bu, Flash ve Java gibi eklenti içeriklerini Google Chrome’da Firefox ve Safari’de yaptığınız gibi gösterebileceğiniz anlamına gelir.
  • Sitenizdeki metinler biraz bozuk görünüyorsa, HTTP yanıt başlıklarında veya sayfalarınızın başlangıcında, tercihen <head> bölümünün en üstüne yakın bir yerde doğru içerik türü ve karakter kodlaması bilgilerini sağladığınızdan emin olun.
  • Blok öğelerini satır içi öğelerin içine koymayın.
  • JavaScript’iniz Google Chrome’da çalışmıyorsa, “sayfa” menüsü altındaki Chrome’un yerleşik JavaScript hata ayıklayıcısını kullanarak hata ayıklayabilirsiniz:
    > ‘Geliştirici’
    > ‘JavaScript’te Hata Ayıkla’ menü seçeneği.

Web yöneticilerinin ve web geliştiricilerinin daha fazla yanıt bulmasına yardımcı olmak için, sorularınızı yanıtlamak üzere özel bir
destek merkezi
ve
forum
oluşturduk. Elbette, Chrome’da gerçekten bir hata olduğunu düşündüğünüz bir şey bulursanız, lütfen
bize bildirin!

Google Chrome’u geliştirmemize yardımcı olun!

Daha fazla katkıda bulunmak isterseniz, sitelerini dahili uyumluluk ve performans ölçümlerimiz için bir kıyaslama (benchmark) olarak kullanmamıza izin vermek isteyen siteler arıyoruz. Google Chrome geliştirmelerinin sitenizin önbelleğe alınmış bir sürümüne göre optimize edilmesini istiyorsanız, ayrıntılar için lütfen bizimle
chrome-webmasters@google.com adresinden iletişime geçin.

Lütfen geri bildirimlerinizi göndermeye devam edin, biz de Google Chrome’u geliştirmek için çalışmaya devam edelim!

Alien Road

Biz bunu nasıl uyguluyoruz

Google announcements age. We keep this post here for the record, and we note for clients whether the behaviour it describes still applies today or has since been superseded.

İlgili hizmetler

Paylaş

© Copyright 2026 Alien Road. All rights reserved.