Mozilla, kullanıcılarına yepyeni bir deneyim yaşatmak, önümüzdeki dönemde Firefox tarayıcısının neler yapabileceğini gösterebilmek için daha hızlı, stabil çalışan ve içerisinde webmaster araçları barındıran Aurora sürümünü uzun bir süre önce tanıttı. Bu yazıyı yazmamızdaki amaç ise Aurora’da sunulan “Web Geliştirici Araçları” bölümünün tarayıcı içerisinde yüklü olarak gelmesi.
Öncelikle Mozilla Aurora sürümünü indirmemiz gerekiyor. Yükleme işlemi bitiminde Mozilla Firefox ile aynı görüntüye sahip bir web tarayıcı ile karşılaşıyoruz. Aralarında gözle görülür tek fark Aurora logosu oluyor. Gözle görülmeyen kısımda ise web geliştirici araçlarının artık Google Chrome gibi tarayıcının içerisinde hazır olarak gelmesi. Mozilla, Aurora sürümüne dikkatleri çekebilmek ve kullanıcılar için anlamlı hale getirebilmek amacıyla web geliştirici arayüzünü görsel olarak destekleyerek 3 boyutlu hale getirmiş. Programcıların yoğun olarak kullandığı aracı artık grafikerlerin de kesinlikle kullanması gerekiyor.
Zaman kaybetmeden Aurora’nın marifetlerine göz atalım.
Firefox Aurora ile 3 Boyutlu Web Geliştirici Deneyimi
Öğeyi İncele (Inspect Element)
Herhangi bir web sitesine girdiğinizde incelemek istediğiniz elementin üzerine gelip öğeyi denetle seçeneğini seçmeniz yeterli. Firebug’dan alışık olduğumuz şekilde HTML çıktı, yenilik olarak 3B görünüm, stil dosyaları, HTML elementler arasında hızlı bir geçiş için navigasyon menüsüyle karşılaşıyoruz. Esas etkileyici bölüm ise 3 boyutlu görünüm modu. Bu görünümde, tüm HTML elementlerin yerleşimleri grafik bir arayüzle ve etkileyici bir animasyonla sunuluyor.
İncele: İncelediğiniz web sitesinde, farenizin üzerinde durduğu elementi tanıyarak ismini göstermekte ve konsol üzerinde de seçili olarak listelemesini yapmaktadır. Özellikle programcılar için hızlıca elementin değerini görebilmek için yararlı bir araç.
3B: 3 boyutlu olarak web sitelerinin HTML elementlerini anlamlandıran ve kolayca seçim yaparak incelemenize olanak veren görsel arayüzü aktifleştirir. Görsel arayüz üzerinden seçim yapmamıza olanak verir.
HTML: Websitesinin HTML kodlarını ve seçtiğimiz elementi seçerek listeler. Kodlar üzerinde gerçek zamanlı değişiklik yapmamıza olanak verir.
Stil: Seçtiğimiz element ile ilgili CSS satırlarını listeler. Üzerinde gerçek zamanlı değişiklik yapmamıza olanak verir. Özellikler sekmesinden eşleşen CSS satırlarını görebilirsiniz.
Stil Editörü (Style Editor)
İncelediğiniz web sitesinde yer alan CSS dosyalarını listelemenizi ve gerçek zamanlı düzenlemenizi sağlar. İsterseniz yeni bir stil dosyası oluşturabilir ya da önceden hazırladığınız stil dosyasını içe aktarma yapabilirsiniz.
Karalama Defteri (Scratchpad)
Javascript konsolu olarak görebiliriz. Firebug’da ayrı bir eklenti yükleyerek yapabildiğimiz değişiklikleri Aurora bize Karalama Defteri aracı ile sunmakta. Eclipse Orion kod editörü kullanılarak hazırlanmış araç, kod renklendirme özelliği ile de başarılı bir örnek. Oturumu yeniden yükleme sayesinde yazdığınız Javascript kodları tarayıcınız çökse dahi saklanıyor ve tekrar kullanabilmenizi sağlıyor. Konsol üzerinden Firebug’da da yeni eklenen console.table, console.profile, console.dirxml metodlarını kullanabilirsiniz.
Web Geliştirici Aracı ile beraber Firebug, Greasemonkey, Web Devbeloper, Stylish, Fire FTP, Color Zilla gibi eklentileri alışık olduğumuz eklentilerle ortak kullanabiliyoruz. Aurora içerisinde yer alan web geliştirici aracı, Firebug’ı biraz gölgede bırakabilir ama kesinlikle kullanılmaya devam edilecektir. Şu an 11 Beta versiyonunu kullanabildiğimiz Mozilla Aurora’nın stabil versiyonunun 31 Ocak 2012 tarihinde çıkması planlanıyor.
Konular:
Yazılım
Mozilla firefox
Yazar Hakkında
Firefox Aurora ile Web Sayfalarını 3 Boyutlu Görüntüleyin İçin Yapılan Yorumlar (4)
-
3B butonu çıkmıyor bende de.... nasıl olucak bilen var mı?
25 Ocak 2012 Çarşamba - 16:19:36 - Cevap Yaz - Şikayet Et-
Cevap yazan: greyyyy@tunaaras öncelikle teşekkür ederim, belirtmiş olduğunuz işlemleri yaptım fakat sonuç değişmedi http://tamind.ir/webgl bu adresi chrome da açtığımda küpü görebiliyorum fakat aurora da gözükmüyor ekran kartı ile ilgili bir problem olduğunu düşünmüyorum büyük ihtimalle aurora ile ilgili gibi..26 Ocak 2012 Perşembe - 10:45:30 - Şikayet Et
-
Cevap yazan: tunaaras@yunusbassahan 'a yazdığım bilgileri sizlerde deneyebilri misiniz? Herhangi bir şekilde yine aynı sorunla karşılaşırsanız lütfen iletişim bölümünden bizimle irtibata geçiniz.25 Ocak 2012 Çarşamba - 16:48:15 - Şikayet Et
-
-
3 boyut olayını yapamadım daha detaylı bir şekilde anlatabilirmisiniz?
25 Ocak 2012 Çarşamba - 12:35:02 - Cevap Yaz - Şikayet Et -
-
Cevap yazan: tunaaras3B sistemi Firefox 4.0 sürümüyle beraber gelen WebGL uygulamasını kullanır. 3B butonu göremiyorsanız yada kullanamıyorsanız: 1 Grafik kartınızın sürücüleri güncel olmayabilir. İlk önce onu kontrol etmeniz gerekemektedir. 2 Mevcut Firefox tarayıcınız açık ise kapattıktan sonra Aurora tarayıcısını açmalısınız. 3 Auora'yı açıp sırasıyla Araçlar-Seçenekler-Gelişmiş-Genel sekmesine gelerek Mümkün olduğunda donanım ivmelendirmesini kaldır seçeneğini pasif hale kaydetmelisiniz. Ardından Aurora'yı kapatıp tekrar açmalısınız. 4 http://tamind.ir/webgl adresine girerek dönen kübü görebiliyorsanız Aurora'da 3B uygulamasınıda kullanabiliyor olmanız gerekiyor. Tüm işlemleri gerçekleştirip hala sonuç alamadıysanız iletişim bölümümüzden bizimle irtibata geçebilirsiniz.25 Ocak 2012 Çarşamba - 16:38:12 - Şikayet Et
-
