Google, Dart DevTools'u Flutter'da sıfırdan yeniden oluşturuyor

Çarpıntı bir platformlar arası programlama çerçevesi, yerel olmayan kod karmaşası olmadan platformlar arası uygulamalar geliştirmenin sıkıntılarını çözmeyi amaçlıyor. Dart programlama dili bilgisine sahip bir geliştirici, Android, iOS, web ve masaüstü için birleşik bir kullanıcı arayüzüne sahip uygulamalar geliştirebilir. Çarpıntı 1.9 macOS ve Catalina desteğini alfa durumuna getirdi v1.12 sürümü, alfa öncesi durumu geçerek desteklerini olgunlaştırdı ve Flutter'ın v1.17'si ve Dart'ın v2.8'i 2020'de ilk kararlı sürümlerini kutladılar. Bugün Google, Dart ve Flutter kodu için DevTools'un Flutter'da sıfırdan yeniden oluşturulan ve çeşitli iyileştirmelerle birlikte gelen yeni bir sürümünü yayınlıyor.

Önceki duyuruda Google, Dart DevTools'un mevcut sürümünü yeni Flutter sürümüyle değiştirme niyetinden bahsetmişti. Bu, yeni DevTools'un Flutter'da sıfırdan yeniden oluşturulmasıyla gerçekleşti. DevTools'un bu yeni sürümü, tamamen yeni bir ağ sayfasının yanı sıra performans ve bellek sayfalarında yapılan değişiklikler gibi iyileştirmeler de ekliyor.

Ama hala çalışıyorken neden bir şeyi yeniden inşa edelim? Flutter'ın arkasındaki ekip, yüksek performanslı ürünler oluştururken üretkenlik avantajlarının önemli olduğunu iddia ediyor Kullanıcı arayüzleri ve bu iddialara olan güveni göstermenin en iyi yolu, kullanıcı arayüzleri için aynı araçları benimsemektir. kendileri. Flutter'da yeniden oluşturma aynı zamanda geliştiricilerin kodu yazdıktan sonra bir dağıtım modeli seçmesine de olanak sağlar. dağıtım modelinin dikte edeceği mevcut karar verme akış şemasından bir sapmadır. kod.

DevTools, aracın tüm platformlardaki mevcut takımlama deneyimine entegre edilmesini kolaylaştıran bir web uygulaması olarak sunuluyor. platformları ve IDE'leri hedefleyin. DevTools, tarayıcıda çalışan bağımsız bir araç paketidir ve mobil uygulamalar, masaüstü uygulamaları ve web için çalışır uygulamalar.

DevTools aşağıdaki özellikleri içerir:

• Flutter Müfettişi: Widget ağaçlarını görselleştirmek ve keşfetmek için bir araç. Çalışan uygulamanızda widget'ları seçebilir, tüm animasyonları yavaşlatabilir, metin taban çizgilerini görebilir ve daha fazlasını yapabilirsiniz.
  • Yeni özelliklerden biri, Ayrıntılar Ağacı'nın yanındaki Flutter Inspector sekmesinde bulabileceğiniz Düzen Gezgini'dir. Layout Explorer, Flutter'ın esnek düzen modelini incelemenizi sağlar. Ekip, bu aracın, örneğin bir dizi widget'ın neden geliştiricinin beklediği gibi görünmediğinin hatalarını ayıklamaya nasıl yardımcı olabileceğine dair bir örnek veriyor.

• Zaman çizelgesi görünümü: Her kare için yapım sürelerini ve alev grafiğini gösterir. Bu, bağlamdaki sorunlu çerçevelerin tanımlanmasını kolaylaştırır.
  • Bu bölme artık tüm widget'ların yapım sürelerini ekleyen yeni Widget Yapılarını Takip Et düğmesini içeriyor. uygulamanızı zaman çizelgesine aktarın (profil oluşturmanızın performansı pahasına; dolayısıyla açık değildir) varsayılan). Bu, tam olarak hangi widget'lerin yavaş bir çerçevenin arkasında olduğunu bulmaya çalıştığınızda kullanışlıdır.

• Bellek görünümü: Uygulamanızın belirli bir anda belleği nasıl kullandığını gösterir.
  • Bu görünüm artık tahsis edilen belleğin ısı haritasını gösteriyor ve platform belleğinin izlenmesine de olanak tanıyor.

• Performans görünümü: Bu geleneksel bir CPU profili oluşturucudur. Uygulamanızın bir oturumunu kaydetmenize ve CPU'nun zamanının çoğunu hangi işlevlerde geçirdiğini görmenize olanak tanır. Optimizasyona zamanınızı nerede harcayacağınıza karar vermek için bunu kullanabilirsiniz.
• DevTools'un kendi özelliği bile var Hata ayıklayıcı. Bir IDE kullanmıyorsanız ancak yine de kesme noktaları ekleme, kodda adım adım ilerleme, değişken değerlerine göz atma vb. seçeneğini istiyorsanız bu yararlı olabilir.

• Ağ görünümü: Bu tamamen yenidir.
  • Adından da anlaşılacağı gibi ağ trafiğini incelemenizi sağlar. Uygulamanızın başlangıcından bu yana yaptığı isteklerin tüm geçmişini görebilir ve her biri hakkında detaylı bilgi alabilirsiniz. Bu, bir ağ sorununda hata ayıklamaya çalışırken bu olayları kendi başınıza kaydetmenize gerek kalmamasını sağlar.
  • Ağ sekmesi şu anda HTTP trafiğini göstermektedir; gelecekteki iyileştirmeler şunları içerir: genel soket G/Ç trafiği.
  • Ağ istekleri aynı zamanda Zaman Çizelgesi görünümünde de gösterilir, böylece bunları bağlam içinde görebilirsiniz.
• Günlük görünümü: uygulamanızdaki ve çerçevedeki etkinlikleri gösterir. Bununla mesajları kolayca filtreleyebilirsiniz (örneğin, Çöp Toplayıcı olaylarını filtrelemek için "-gc"yi veya yalnızca çerçeve olaylarını göstermek için "flutter.frame"i belirtebilirsiniz). Dart'ta mesajları günlüğe kaydetme yapılandırılabilirve Günlüğe Kaydetme görünümü bundan yararlanır.

DevTools'tan tam olarak yararlanmak için şu bilgileri okuyabilirsiniz: dokümantasyon. Herhangi bir hata bulursanız veya yeni özelliklere oy vermek isterseniz bunu şu adresten yapabilirsiniz: GitHub.