Firefox Developer Edition, Mozilla tarafından arayüzcüler ve yazılım geliştiricileri için hazırlanmış bir tarayıcıdır. İçerisinde kendi WebIDE’sini barındıran bu “geliştiriciye özel tarayıcı”, üzerindeki eklentiler sayesinde yazılım ve arayüz geliştiricilerin günlük hayatta ihtiyacı olan birçok özelliği sunmaktadır. Bilhassa HTML, CSS ve JavaScript ile uğraşan yazılımcılar için oldulça kullanışlı bir araç.

Kullandığım kadarıyla CSS editörü, responsive tasarım yardımcısı, ağ izleyicisi ve JavaScript debug araçları diğer tarayıcılara göre çok daha üstün. Günlük hayatınızda Chrome, Firefox vb. tarayıcılar kullansanız da, geliştirme aşamasında Firefox Developer Edition’dan faydalanmanızı tavsiye ederim. Bu tarayıcı versiyonunu aşağıdaki linklerden indirebilirsiniz.

Türkçe: https://www.mozilla.org/tr/firefox/developer/

İngilizce: https://www.mozilla.org/en-us/firefox/developer/

Firefox Developer Editon’da bulunan bazı araçları ve özellikleri size kısaca tanıtmak istiyorum:

WebIDE

Bu araçla doğrudan tarayıcınız üzerinden veya bir Firefox OS cihazında Firefox OS uygulamaları geliştirebilir, hata ayıklaması yapabilir ve uygulamanın dağıtımını sağlayabilirsiniz. WebIDE hakkında detaylı bilgi için bu linkteki yazıya göz atabilir veya Youtube’daki bu videoyu izleyebilirsiniz.

Uyumlu Tasarım Görünümü

Tarayıcı pencerenizin boyutunu değiştirmeden, web sitenizin veya web uygulamanızın farklı ekran boyutlarında nasıl göründüğünü görün. Bilhassa responsive tasarımlarınızı test etmek için güzel bir araç. Konuyla ilgili detaylı bilgi için bu linkteki yazıyı okuyabilir veya Youtube’daki bu videoyu izleyebilirsiniz.

Valence

Firefox Developer Edition ile yüklü gelen bu güçlü eklenti sayesinde uygulamalarınızı farklı tarayıcılar ve cihazlar üzerinde çalıştırabilir ve çıkan hataları ayıklayabilirsiniz. Konuyla ilgili detaylı bilgi için bu linkteki yazıyı okuyabilir veya Youtube’daki bu videoyu izleyebilirsiniz.

Sayfa Denetçisi

İstediğiniz web sayfasının HTML ve CSS kodlarını inceleyip, sayfanın yapısını ve düzenini kolayca değiştirip görmenizi sağlayan bir araçtır. Bu araçla ilgili detaylı bilgi için bu linkteki yazıyı okuyabilir veya Youtube’daki bu videoyu izleyebilirsiniz.

Web Konsolu

Bir web sayfasıyla ilişkili kaydedilmiş bilgileri görmenizi ve JavaScript kodu çalıştırarak web sayfasıyla etkileşime geçmenizi sağlayyan bir araç. Konuyla ilgili detaylı bilgi için bu linkteki yazıyı okuyabilir veya Youtube’daki bu videoyu izleyebilirsiniz.

JavaScript Debugger

JavaScript kodlarını incelemenizi, hataları bulmanıza, debug yapmanızı ve hata ayıklamanızı sağlayan bir araç. Konuyla ilgili detaylı bilgi için bu linkteki yazıyı okuyabilir veya Youtube’daki bu videoyu izleyebilirsiniz.

Network Monitor (Ağ İzleyicisi)

Tarayıcınızın yaptığı tüm ağ isteklerini, her isteğin ne kadar sürdüğünü ve her isteğin ayrıntılarını görmenizi sağlar.

Stil Editörü

Bir web sayfasıyla ilişkili CSS stillerini görün ve düzenleyin, yenilerini oluşturun, mevcut CSS dosyalarını istediğiniz sayfaya uygulayın.