Mozilla bu hafta Firefox DevTools için yeni güncellemeler duyurdu, Bilgisayarlarda veya mobil cihazlarda HTML, CSS ve JavaScript'i incelemeye, değiştirmeye ve hata ayıklamaya yönelik geliştirme aracınız.
Firefox DevTools ekibinin duyurduğu güncellemeler, esas olarak Firefox DevTools ile hata ayıklamaya bakın ve özellikle modern web uygulamaları oluştururken geliştiricilere daha fazla güvenilirlik ve performans getirmeyi hedefliyorlar.
Bu yeni güncellemeyle, Mozilla, Firefox 67 ve üzeri kullanıcılarına sağlam bir hata ayıklama deneyimi vaat etti.
Komut dosyası hata ayıklaması, DevTools'taki en güçlü ve karmaşık üretkenlik özelliklerinden biridir.
Firefox 67 için Firefox DevTools'un güncellenmiş sürümü, geliştiricilerin hata ayıklama işlemlerinde daha fazla hız ve güvenilirlik elde etmesini ve performansını artırmasını sağlar.
Firefox DevTools'taki yenilikler nelerdir?
Firefox DevTools ekibine göre, lo yeni DevTools özellikleri dört temel nokta etrafında dönüyor, dahil olmak üzere
- En hızlı şarj süresi
- Yeniden modellenmiş bir kaynak haritası desteği
- Hata ayıklayıcı hedeflenmemiş olduğunda ek yükte azalma
- Eksik kesme noktaları, yanlış komut dosyası kesintileri ve daha pek çok şeyle ilgili bazı sorunlar için düzeltme.
DevTools Firefox% 30 daha hızlı açılır
Hata ayıklayıcı açılma süresi artık önceki sürümlere göre% 30 daha hızlı. DevTools Firefox ekibi şunu açıkladı: Hata ayıklayıcının neden olduğu en kötü performansı kaldırdılar yavaş açıldı Bu, performans testlerinden sonra hata ayıklayıcının artık% 30 daha hızlı olduğunu göstermiştir.
İyileştirilmiş kaynak haritası
Sonra ekip dedi ki yenilenmiş ve daha hızlı bir kaynak haritası kaynağı Babel, Webpack, TypeScript, view.js, vb .'nin derlenmiş çıktılarını değil, kodunuzda hata ayıkladığınız yanılsamasını verir.
Kaynak haritası, hata ayıklayıcının çalıştırılan kodu orijinal kaynak dosyalara bağlayarak tarayıcının orijinal kaynağı yeniden oluşturmasına ve Hata Ayıklayıcı'da görüntülemesine olanak tanıyan bir dosyadır.
Ekip, tüm ekosistemin yararına araçlar (Babel, Vue.js, vb.) Geliştiren ekip, doğru harita kaynakları oluşturmak zor olabilir.
Daha hızlı kaynak haritası desteği (ve diğer ek çalışmalar) ile, önizlemeler artık yürütme duraklatılırken bir değişkenin üzerine gelindiğinde çok daha hızlı görüntüleniyor.
Ayrıca, harita kaynaklarını Babel ayrıştırıcıyla birleştirerek, firefox hata ayıklayıcı artık ilgilendiğiniz orijinal değişkenleri önizleyebilirsiniz ve gereksiz bilgileri derleyicilerden ve paketlerden gizleyin.
Konsolda bile çalışabilir, dost kimlikleri otomatik olarak arka planda gerçek, ayrıntılı adlarına çözebilir. Performansı nedeniyle, hata ayıklayıcının "Kapsamlar" bölmesindeki "Eşle" kutusunu işaretleyerek bu özelliği ayrı ayrı etkinleştirmelisiniz.
Ondan başka, Bu Firefox DevTools güncellemesinde, hata ayıklayıcı mimarisindeki birçok uzun süredir devam eden hata düzeltildi eksik kesme noktaları ile ilgili en yaygın ve sinir bozucu sorunların bazılarını çözme ve yanlış komut dosyasına girme.
Araç, JavaScript geliştiricilerinin daha şeffaf bir şekilde hata ayıklamasına izin verecek şekilde de geliştirilmiştir.
Aynı şekilde, DevTools Firefox ekibinin açıkladığı gibi, web geliştiricileri bugün modern web'i kullanıyor ve DevTools'taki birinci sınıf konseptlerden yararlanabilmeli.
Yeni Threads panelini kullanarak farklı yürütme bağlamları arasında geçiş yapabilir ve bunları bağımsız olarak askıya alabilirsiniz. Bu, komut dosyalarının diğer modern tarayıcılarla aynı şekilde aynı hata ayıklayıcı panelinde ayıklanmasına olanak tanır.
Tüm bunlar, bazıları Firefox'un web geliştirme aracının hala Chrome'un gerisinde olduğuna inanıyor.
Onlara göre, Chrome DevTools'da gördüğünüz bazı Firefox DevTools özellikleri, web soketi hata ayıklama gibi hala eksik.
Chrome DevTools'un, doğrudan Google Chrome tarayıcısına entegre edilmiş bir dizi web geliştirme aracı olduğunu unutmayın.