Flutter DevTools
DevTools’ta ağ görünümü, zaman çizelgesi, widget inspector’ı ve bellek profilleyici zaten var — üstelik kendi makinende sunulan bir Flutter web uygulaması. Dolayısıyla Gitcito bunların hiçbirini yeniden yazmaz ve Dart VM Service ile kendisi konuşmaz: adresi fark eder ve gömer.
VM servisi ayağa kalkar kalkmaz flutter run şu satırı basar:
The Flutter DevTools debugger and profiler on iPhone 16 Pro is available at:
http://127.0.0.1:9100?uri=http://127.0.0.1:53412/uJ8k=/
Başlatma oturumu bu satır için kendi çıktısını izler ve hata ayıklama çubuğunda bir düğme belirir. Tıklayınca DevTools deponun kendisinde, ayrı bir sekme yerine onun simgelerinden biri olarak açılır. Oturum başına bir simge — aynı anda çalışan iki uygulama, iki DevTools demektir.
Sıcak yeniden başlatma yeni bir adres yayınlar ve oturumu yaşadığı sürece panel onu izler. Oturum bittiğinde panel elindeki son adresi tutar, ki o adres genelde ölüdür: simgeyi kapat ve DevTools’u yeni çalıştırmadan aç.
Hangi araçlar
Bir araç iki şeyi yaparsa buraya girer: bu makinede bir web arayüzü sunmak ve adresini basmak.
| Araç | Bastığı satır |
|---|---|
| Flutter DevTools | The Flutter DevTools … is available at: <url> |
Dart DevTools (dart devtools) |
Serving DevTools at <url> |
Vue DevTools (@vue/devtools) |
Vue Devtools … listening on <url> |
| Prisma Studio | Prisma Studio is up on <url> |
| Drizzle Studio | Drizzle Studio is up and running on <url> |
| webpack-bundle-analyzer | Webpack Bundle Analyzer is started at <url> |
| DevTools ve bir adres anan başka her şey | genel eşleşmeye düşer |
Neyin gömülemeyeceği ve nedeni. Node inspector, bir hata ayıklayıcının
bağlanacağı ws:// uç noktasını basar, sayfa değil — ve onunla eşleşen Chrome
DevTools ön yüzü, hiçbir gömülü görünümün yükleyemeyeceği bir devtools://
adresinin ardında yaşar. React DevTools’un bağımsız sürümü kendi masaüstü
penceresidir, sunulan bir sayfa değil. İkisi de burada sekme olamaz; ikisi de
adres yerine bir hata ayıklama protokolü istemcisi ister.
Geliştirme sunucusu bir geliştirme aracı değildir. :5173 üzerindeki Vite
senin uygulamandır; onu gömmek bir önizleme paneli olurdu — başka bir özellik,
bilerek bu değil.
Neye izni var
Gömülü görünüm kısa tasmayla gezer, çünkü bu uygulama kimlik bilgileri tutuyor:
- Yalnızca loopback.
127.0.0.1,localhost,::1. Başka bir adresle iliştirme reddedilir; oraya yönlendirme de. - Preload yok, node integration yok, bağlam yalıtımı açık. Sayfanın Gitcito’ya uzanan hiçbir köprüsü yok.
- Bağlantılar gerçek tarayıcında açılır, normal bir pencerede, panelin içinde değil.
Sınırlar
- Bu DevTools, bizim işimiz değil. O sürüm ne yapabiliyorsa panel de onu yapar; yapamadığını biz de yapamayız. Gitcito lezzetinde bir ağ görünümü yok.
- Yalnızca Flutter kendini böyle duyurur. Sade bir Dart programı VM servis URL’si basar ama DevTools adresi basmaz; o yüzden düğme çıkmaz.
- Boş panel, uygulamanın durduğu anlamına gelir. DevTools’u çalışan uygulama sunar; uygulama çıkınca adresi yanıt vermeyi bırakır.
Ayrıca bakınız: Çalıştırma ve hata ayıklama