Flutter DevTools open a blank screen

Question

I'm running Android Studio 4.1.1 with Flutter 2 plugin, but I couldn't get DevTools to open by pressing its icon in the run window or by choosing Open DevTools from the more actions popup in flutter inspector, the result is always a blank web page. I have a running mobile app on an iOS simulator, but I don't know if that makes a difference.

Flutter version details:

Flutter 2.0.1 • channel stable • https://github.com/flutter/flutter.git
Framework • revision c5a4b4029c (11 days ago) • 2021-03-04 09:47:48 -0800
Engine • revision 40441def69
Tools • Dart 2.12.0

what's going wrong with DevTools ?

score 17 · Answer 1 · answered May 03 '21 at 10:43

17

In my case, it was because I was on Mac with the window opening in Safari, because it is usually the default browser on Mac. So I copied the URL to Chrome and that worked.

answered May 03 '21 at 10:43

Bruce Cichowlas

336
1
7

can confirm this worked! – yaozhang Sep 20 '22 at 04:16
Safari does not support localhosting? – genericUser Oct 06 '22 at 09:54
As a macOS users, switching to a browser other than Safari worked for me as well. In my case, I switched to Firefox (Developer Edition) and that worked. – Joshua Schlichting Nov 05 '22 at 18:54

score 10 · Answer 2 · answered Jun 24 '21 at 05:17

10

In my case, using Windows 10, connecting to http://127.0.0.1:9100 in Chrome displayed a blank page. Using http://localhost:9100 worked.

Clue was provided in https://github.com/flutter/flutter/issues/35563#issuecomment-512493580.

answered Jun 24 '21 at 05:17

Michael Partridge

103
1
6

I was the having the same problem and localhost worked, been searching for years :) . Thanks – Tremmillicious Jan 27 '22 at 23:09

score 0 · Answer 3 · answered Jul 24 '23 at 15:31

In my case, using Windows 10 and working on WSL2, the issue was the default port of 9100 used by the dart DevTools. Despite my best efforts, I could not get it to work on port 9100, but luckily port 8000 seems to work out of the box. You just need to add the following to .vscode/settings.json in the vscode project:

{
    "dart.devToolsPort": 8000
}

Flutter DevTools open a blank screen

3 Answers3