Firefox Developer Edition: Google Chrome'un Yerini Alabilir mi?

Son birkaç yıldır Mozilla, Google Chrome hemen hemen herkesin gözde tarayıcısı haline gelmeden önce sahip olduğu yaygınlık ve pazar payına geri dönmek için çok çalışıyor. Mozilla Firefox'un Safari, Internet Explorer veya Microsoft Edge ile ilk ve tek indirme olduğu günler geride kaldı. Bu ayrım Chrome'a ​​taşındı. Ve Firefox Developer Edition ile Mozilla bunların hiçbirine sahip değil.

Adından anlaşılamadığı takdirde Mozilla, Firefox Developer Edition ile özellikle web geliştiricilerini ve tasarımcılarını hedefliyor. Chrome'un en büyük avantajlarından biri, müfettiş aracılığıyla birlikte gelen harika geliştirme araçlarıdır. Web sitelerinin dosya sistemine girebilir, JavaScript konsolunda başka birinin sitesi kendi özel sanal alanınızmış gibi oynayabilir ve stil ve araçları gerçek zamanlı olarak test edebilirsiniz.

Peki ya size Firefox Developer Edition'ın bunu da yapabileceğini söylesem… ve daha fazlasını ?

Gizli Bir Mücevher

Firefox'un geliştirme sürümünü kullanmanın önündeki en büyük engellerden biri aslında ona ulaşmaktır. Firefox ana sayfasına gittiğinizde, açıkça iyi, eski, her gün, tüketici Firefox'u indirmeye yönlendirilirsiniz. Bu kötü bir şey değil, özellikle de son zamanlarda yaptıkları iyileştirmelerle (Son zamanlarda Quantum güncellemesinden bu yana günlük işlerimde Chrome'dan daha iyi performans gösterdiğini düşünüyorum), ancak burada bulunmanızın nedeni bu değil. Geliştirme sürümünü istiyorsunuz.

Eğer Beta, Gecelik, Geliştirici Sürümü bağlantısını bulana kadar altbilgisine aşağı kadar kaydırmak zorunda Yani.

Nispeten gizli, ama sorun değil. Bu zahmete değer, millet.

Bu yüzden onu bulduktan sonra indirin ve kurun. Matkabı biliyorsun.

Yüzeyin üzerinde

Firefox Developer Edition'ı ilk başlattığınızda, gerçekten özel bir şey yoktur. Geliştirici ve tüketici sürümlerinin yan yana bir görüntüsünü gördüğünüzde, yüzeyde çok fazla fark yoktur.

Ama gerçekten var. Her iki versiyon da hızlı ve verimli bir şekilde çalıştırılırken aynı temel üzerine kurulu olsa da, aklıma gelen en iyi benzetme, dev versiyonun bir Tesla Model S sürmeye benzediği, tüketici versiyonunun ise tam yüklü bir Toyota Prius'a benzediği. Teoride benzer şekilde çalışırlar, ancak pratik uygulama çok farklıdır.

Garip, elektrikli araba benzetmesini sürdüren Google Chrome, Tesla serisinin toplu pazar versiyonu olan Tesla Model X'e benziyor. Model S ile aynı özelliklerin çoğuna sahiptir, ancak bunların ayrı ayrı ele alınması gerekir (bu durumda tarayıcı eklentileri olarak).

Özellikleri!

Chrome'un geliştirici araçlarını kullanmaya alışkınsanız, muhtemelen ya menüye girip Diğer Araçlar -> Geliştirici Araçları'nı seçmeye ya da bir şeye sağ tıklayıp Öğeyi İncele'yi seçip pencerenin birden çok bölmeye ayrıldığını görmeye alışmışsınızdır.

Bu yeni bölmelerde tam bir geliştirme iş akışı için ihtiyacınız olan hemen hemen her şey var.

1. JavaScript konsolu
2. CSS ve stil editörü
3. Dosya kaynakları
4. Ağ etkinliği
5. Viewport/Cihaz öykünmesi ve hata ayıklama
6. Öğe vurgulama
7. Farklı menülerde saklanan, dışarıda bırakmak zorunda kaldığım diğer şeyler

Şimdi, bu özelliklere erişmeyi Firefox'un geliştirme sürümüyle karşılaştıralım:

Bu resimden de görebileceğiniz gibi, Firefox menüsünü çok daha iyi düzenler. Chrome'da menü erişimi de vardır, ancak bu, geliştirme bölmesinin içindeki her şeyle birlikte tek bir seçenektir. (Yukarıdaki numaralı resme bakın.)

Firefox'ta, Araçlar veya Müfettiş moduna girdiğinizde, Chrome'da gördüğünüze benzer bir bölmeyle karşılaşırsınız. Kişisel tercih açısından Firefox'u daha çok seviyorum ama karanlık temalı IDE'lerde de çalışıyorum.

Firefox Developer Edition'ın benim için en önemli satış noktalarından biri, Chrome ile karşılaştırıldığında tüm araçlara ne kadar kolay erişilebilir olduğu. Belki sadece benimdir, ancak kendimi Chrome'un bazı seçeneklerinin nerede olduğunu unuturken buluyorum ve Firefox bunları çok daha kullanıcı dostu bir şekilde ortaya koyuyor. Ek olarak, yalnızca simgeleri kullanmak yerine etiketlenirler, böylece işleri daha kolay bulabilirsiniz.

(Örnek: Geliştirme panelinin bir köşesine yerleştirilmiş bir akıllı telefon simgesi yerine Duyarlı Tasarım Modu etiketli bir menü öğesi. Yukarıdaki örnekte 5 numaraya bakın .)

Eklentiler, Shmadd-on'lar

Muhtemelen Firefox geliştirici sürümünün aklımdaki en büyük yararı, Mozilla'daki geliştirici ekibin nasıl devam ettiği ve tüm mutfak lavabosunu tarayıcıya nasıl attığıdır. Chrome araçlarının temel tarayıcının kendisinde bir araya getirildiği yerlerde (ki bu harika ve Firefox araçlarının çoğu da birincil tarayıcıdadır), geliştirici sürümü, oldukça temel görevleri gerçekleştirmek için Chrome'un yaptığı gibi eklentilere gerçekten ihtiyaç duymaz.

Aklımda öne çıkan dört tane var.

• WebIDE
• Komut satırı Geliştirici Araç Çubuğu
• JavaScript Not Defteri
• Damlalık (renk seçici)

Bunların her birini Chrome'da bir uzantı olarak yükleyebilirsiniz, ancak bunlar genellikle üçüncü taraflardır ve bu da uzun vadede güncelleme sorunlarına ve uyumluluk sorunlarına yol açabilir. Teknik destekten bahsetmiyorum bile.

Mozilla tarafından desteklenen ve yerleşik özelliklerle, bu gerçekten bir sorun değil ve teknik desteğin sizin için orada olacağına kesinlikle güvenebilirsiniz. Mozilla, son zamanlarda belgelerde onu öldürüyor.

Ben şahsen en çok yerleşik bir damlalık konusunda heyecanlıyım. Her zaman renkleri yakalarım ve bunun için kullandığım Chrome uzantılarının çoğundan nefret ediyorum. Firefox sadece çalışıyor. Ve piksel mükemmel.

Ek olarak, JavaScript karalama defteri ve WebIDE fikirleri test etmek için harika eklemelerdir ve pop-out olmak, onları kullanmayı çok ama çok güzel kılan bir yaşam kalitesi özelliğidir.

Ve sonra, Chrome'da yapamayacağınız her türlü şık numarayı yapmanıza izin veren harika bir küçük komut satırı arayüzü (CLI) olan Geliştirici Araç Çubuğu var. Temel olarak, benim gibi CLI meraklılarına (ve muhtemelen bunu okuyorsanız siz) projelerimizi nasıl incelediğimiz konusunda biraz daha iyi kontrol ve verimlilik sağlıyor.

Piller Eklentiler Dahil Değil

Bu, Firefox için eklentiler olmadığı anlamına gelmez. Bu yazı itibariyle, 9 ek, daha özel araçtan herhangi birine erişip kurabileceğiniz bir eklenti penceresi var. Herkesin Vue.js araçlarına veya React'e ihtiyacı yoktur, ancak ihtiyaç duyanlar için mevcuttur.

Bunlar da üçüncü taraf uygulamalardır, bu yüzden bunu aklınızda bulundurun. Yukarıda bahsettiğim tüm konular burada da geçerlidir. Burada çok az sayıda olduğundan ve çok özel olduklarından, bu, Chrome için hatalı bir CLI uzantısı veya tarayıcınızı çökerten optimize edilmemiş bir uzantı yüklemek gibi değildir.

en sevdiğim şey

Buna çok fazla zaman harcamayacağım, ancak başlangıçta beni tarayıcının geliştirici sürümünde satan şey, ızgara aracının ne kadar harika olduğuydu. Chrome'un öğe vurgulayıcısı tarafından yıllarca oynandıktan sonra, Firefox'taki ızgara aracı beni dönüştürdü.

Çok fazla görünmeyebilir, ancak kısa bir süre kullandığınızda neden harika olduğunu anlayacaksınız. (Ve yine, eklenti aracılığıyla yüklenmek yerine varsayılan bir şeydir.)

Yani… Firefox Developer Edition Google Chrome'un Yerini Alabilir mi?

Bu bağlıdır. Günlük sürücünüz olarak… hayır, muhtemelen hayır. Birincil Firefox tarayıcısının yapabileceğini düşünüyorum, ancak geliştirme sürümü biraz daha ağır ve normal Firefox tarayıcısı kadar hareketli değil. Ama geliştirme rutininiz için?

Kesinlikle . Bunu kendi gelişimime dahil etmekle karşılaştığım tek gerçek sorun, tarayıcıları iş için değiştirmek zorunda kalmak. Chrome benim tercihim olduğundan, genellikle bir sürü ayrı pencereyi ve sekmeyi açık ve varsayılan olarak oradaki araçları kullanmak için tutuyorum.

Ancak projelerin ayrıntılara gerçekten dikkat etmesi gerektiğinde ve Chrome'da kullandığım temel şeyler bunu kesmediğinde, Firefox geliştirici tarayıcısı ortaya çıkıyor.

Firefox Developer Edition'ı kullandınız mı? Bunun hakkında ne düşündün?

Makale özellikli görsel gst / Shutterstock.com