Not showing response tab under network

[mohitsharma3829]

Dev tool not showing response tab

[kenzieschmoll]

What version of DevTools are you on?
@bkonyi will this be fixed with the 2.1.0 release?

[bkonyi]

No, this the same issue we've been having. The full fix should be available once the next Flutter beta goes out.

…

On Mon, Apr 5, 2021, 9:19 AM Kenzie Schmoll ***@***.***> wrote: What version of DevTools are you on? @bkonyi <https://github.com/bkonyi> will this be fixed with the 2.1.0 release? — You are receiving this because you were mentioned. Reply to this email directly, view it on GitHub <#2860 (comment)>, or unsubscribe <https://github.com/notifications/unsubscribe-auth/AFYWZYEGUYH7VTDAJMZBPRDTHHPKXANCNFSM42MWH55A> .

[renntbenrennt]

@kenzieschmoll @bkonyi hi... I know the response tab is buggy since the advent of the dart Dev Tool... but right now it seems the whole network intercepting is not working since the publish of the 2.1.0 version...

I swear to God I have made network request(otherwise my app won't work....)

And we have at least the requesting networking showing in the past version... what's wrong? should I update my Flutter?

Here is the flutter doctor -v

[✓] Flutter (Channel stable, 2.0.3, on macOS 11.2.3 20D91 darwin-x64, locale en)
    • Flutter version 2.0.3 at /Users/benjaminli/software_dev/sdks/flutter
    • Framework revision 4d7946a68d (3 weeks ago), 2021-03-18 17:24:33 -0700
    • Engine revision 3459eb2436
    • Dart version 2.12.2

[✓] Android toolchain - develop for Android devices (Android SDK version 30.0.2)
    • Android SDK at /Users/benjaminli/Library/Android/Sdk
    • Platform android-30, build-tools 30.0.2
    • ANDROID_HOME = /Users/benjaminli/Library/Android/Sdk
    • Java binary at: /Applications/Android Studio.app/Contents/jre/jdk/Contents/Home/bin/java
    • Java version OpenJDK Runtime Environment (build 1.8.0_242-release-1644-b3-6915495)
    • All Android licenses accepted.

[✓] Xcode - develop for iOS and macOS
    • Xcode at /Applications/Xcode.app/Contents/Developer
    • Xcode 12.4, Build version 12D4e
    • CocoaPods version 1.10.1

[✓] Chrome - develop for the web
    • Chrome at /Applications/Google Chrome.app/Contents/MacOS/Google Chrome

[✓] Android Studio (version 4.1)
    • Android Studio at /Applications/Android Studio.app/Contents
    • Flutter plugin can be installed from:
      🔨 https://plugins.jetbrains.com/plugin/9212-flutter
    • Dart plugin can be installed from:
      🔨 https://plugins.jetbrains.com/plugin/6351-dart
    • Java version OpenJDK Runtime Environment (build 1.8.0_242-release-1644-b3-6915495)

[✓] VS Code (version 1.55.0)
    • VS Code at /Applications/Visual Studio Code.app/Contents
    • Flutter extension version 3.21.0

[✓] Proxy Configuration
    • HTTP_PROXY is set
    • NO_PROXY is localhost,127.0.0.1,LOCALHOST
    • NO_PROXY contains 127.0.0.1
    • NO_PROXY contains localhost

[✓] Connected device (2 available)
    • sdk gphone x86 arm (mobile) • emulator-5554 • android-x86    • Android 11 (API 30) (emulator)
    • Chrome (web)                • chrome        • web-javascript • Google Chrome 89.0.4389.114

• No issues found!

Help.... what's going on... and it seems we can't select which version of the DevTool to use... it just automatically upgrade to the latest when I open the tool....

[bkonyi]

Thanks for the heads up @SeasonLeee, looks like we had a bad version constraint and we're trying to use the new network profiling RPCs when we should be using the original implementation for applications built on the stable branch. We have a fix up in #2867 and will have a patch released shortly.

[bkonyi]

@SeasonLeee updating to 2.1.1 should fix your issue.

[renntbenrennt]

@bkonyi confirm fix.

and I also have another question, what exactly is this InternetAddress indicating?

on the right panel, its content type is websocket, well, I do have websocket in our project, but it's established by third party package, and actually, the websocket is still working, but this panel only shows this InternetAddress once... assuming this InternetAddress is websocket connection...

anyway, what is it?

[osmanaslancan]

@SeasonLeee Hi! I have the same exact thing that you have and I don't even use or connect to any websocket server. A websocket request always happen after my http requests and it is slowing down my application's request time. Is anyone know why that websocket request happens ?

[GunnarAK]

Network devtools are broken for me as well, even after upgrading Flutter to 2.10.1.

I get api response logs in my console (flutter: Http status error [403]), but the network tab stays empty.

Flutter 2.10.1 • channel stable • https://github.com/flutter/flutter.git
Framework • revision db747aa133 (7 days ago) • 2022-02-09 13:57:35 -0600
Engine • revision ab46186b24
Tools • Dart 2.16.1 • DevTools 2.9.2

Flutter doctor

Doctor summary (to see all details, run flutter doctor -v):
[✓] Flutter (Channel stable, 2.10.1, on macOS 11.6 20G165 darwin-x64, locale en-NL)
[✓] Android toolchain - develop for Android devices (Android SDK version 32.0.0)
[✓] Xcode - develop for iOS and macOS (Xcode 13.2.1)
[✓] Chrome - develop for the web
[✓] Android Studio (version 2020.3)
[✓] Android Studio (version 2020.3)
[✓] IntelliJ IDEA Community Edition (version 2021.1)
[✓] IntelliJ IDEA Community Edition (version 2021.2.3)
[✓] VS Code (version 1.64.1)
[✓] Connected device (2 available)
[✓] HTTP Host Availability

• No issues found!

[jpangburn]

@GunnarAK Yeah, I'm on 2.10.2 and Network devtools endlessly says "showing 0 of 0 requests" with a spinner going constantly. One thing you can do, if you're developing for the web too, is you can use Chrome DevTools to see your network traffic.

Unfortunately for me, the problem I'm dealing with happens on real device (not emulator or Chrome) so I really would like Flutter network tab to work so I can see what's going on :-(

[bkonyi]

@GunnarAK @jpangburn what APIs are you using to make your network requests?

[jpangburn]

@bkonyi I'm using Firebase. I tried the authentication module against both the local Firebase emulator (http) and against live Firebase (https) with a real device. It doesn't seem to matter if I'm running the Network DevTools tab directly in VSCode or if I run the entire Flutter DevTools in Chrome and have the Network tab open, I have them both open at the same time and neither gets any data. Also tried with iOS simulator pointed at local Firebase emulator, with Network DevTools tab open in VSCode and open in Chrome at the same time- still nothing.

[GunnarAK]

I'm using Dio to make requests to https://api.igdb.com/
I'm developing for iOS and Android.

It worked for me the week prior, but when reopening the project (no new changes) it decided to not show anything. No errors in my console/terminal/VSCode, where-ever.

PS: I'm quite new to Flutter/Dart. Trying to build a relatively simple Flutter application

[bkonyi]

@jpangburn this is using the Flutter Firebase plugins, correct? I'm not 100% sure they're using the Dart HTTP implementation (they might be using the Android/iOS HTTP stacks), and if they're not, the network profiler unfortunately won't know anything about those requests. If that's the case, you should be able to use something like the Network Inspector in Android Studio.

@GunnarAK I'm also not 100% sure if Dio is using the built-in HTTP stack in dart:io. Can I trouble you to share your code for the request so I can build a reproduction case?

[bkonyi]

@jpangburn after giving a quick look at the Firebase plugins, I'm 99% sure that the network requests aren't being made through dart:io, but through the Android networking stack. As far as I can tell, the Firebase plugins are wrapping the native Android/iOS Firebase APIs.

@kenzieschmoll we should document this or investigate what it would take to get network profiling data from the native HTTP stacks into DevTools.