Flutter DevTools
DevTools possède déjà la vue réseau, la timeline, l’inspecteur de widgets et le profileur mémoire — et c’est une application Flutter web servie par votre propre machine. Gitcito n’en réimplémente donc rien, et ne parle pas lui-même au Dart VM Service : il repère l’adresse et l’intègre.
flutter run affiche la ligne dès que le service VM est prêt :
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=/
La session de lancement surveille sa propre sortie, et la barre de débogage gagne un bouton. Un clic ouvre DevTools sur le dépôt lui-même, comme l’une de ses icônes plutôt que dans un onglet à part. Une icône par session — deux applications qui tournent, ce sont deux DevTools.
Un redémarrage à chaud publie une nouvelle adresse, et le panneau la suit tant que sa session vit. Une fois la session terminée, le panneau conserve la dernière adresse, généralement morte : fermez l’icône et rouvrez DevTools depuis la nouvelle exécution.
Quels outils
Un outil entre ici s’il fait deux choses : servir une interface web sur cette machine, et afficher son adresse.
| Outil | La ligne qu’il affiche |
|---|---|
| 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> |
| tout autre outil nommant DevTools et une adresse | tombe sur une correspondance générique |
Ce qui ne peut pas être intégré, et pourquoi. L’inspecteur Node affiche un
point de terminaison ws:// auquel un débogueur se raccroche, pas une page — et
le front Chrome DevTools qui l’accompagne vit derrière une URL devtools://
qu’aucune vue intégrée n’a le droit de charger. La version autonome de React
DevTools est sa propre fenêtre de bureau, pas une page servie. Ni l’un ni l’autre
ne peut être un onglet ici ; les deux demanderaient un client de protocole de
débogage plutôt qu’une adresse.
Un serveur de développement n’est pas un outil de développement. Vite sur
:5173, c’est votre application ; l’intégrer serait un panneau d’aperçu — une
autre fonctionnalité, délibérément pas celle-ci.
Ce qu’il a le droit de faire
La vue intégrée est tenue en laisse courte, car cette application détient des identifiants :
- Loopback uniquement.
127.0.0.1,localhost,::1. Un attachement avec une autre adresse est refusé, et une redirection vers elle aussi. - Pas de preload, pas d’intégration Node, isolation de contexte activée. La page n’a aucun pont vers Gitcito.
- Les liens s’ouvrent dans votre vrai navigateur, dans une fenêtre normale, pas dans le panneau.
Les limites
- C’est DevTools, pas le nôtre. Ce que cette version sait faire, le panneau le fait ; ce qu’elle ne sait pas, nous non plus. Il n’y a pas de vue réseau façon Gitcito.
- Seul Flutter s’annonce ainsi. Un programme Dart ordinaire affiche une URL de service VM mais aucune adresse DevTools : aucun bouton n’apparaît.
- Un panneau vide signifie que l’application s’est arrêtée. DevTools est servi par l’application en cours ; quand elle se termine, son adresse ne répond plus.
Voir aussi : Exécuter et déboguer