blocks|key|1203137|text|使用flutter_stetho+dart包检查网络调用|type|unstyled|depth|inlineStyleRanges|offset|length|style|BOLD|entityRanges|data|1203138|访问斯泰索|1203139|将此包含到包的pubspec.yaml中|1203140|依赖关系:flutter_stetho：(版本)+>>，例如flutter_stetho：%5E0.4.1|1203141|注意:仅基于dart版本的，选择Stetho包版本|1203142|使用Dart+2.4的颤振1.7.x，请使用0.3.0版本。|unordered-list-item|1203143|对于使用Dart+2.5的颤振1.8.x%2B，请使用0.4.0或更高版本|1203144|entityMap|0|LINK|mutability|MUTABLE|url|https://pub.dev/packages/flutter_stetho^0|2|E|0|2|3|0|0|0|U|L|0|0|D|0|0|0^^$0|@$1|2|3|4|5|6|7|10|8|@$9|11|A|12|B|C]]|D|@]|E|$]]|$1|F|3|G|5|6|7|13|8|@]|D|@$9|14|A|15|1|16]]|E|$]]|$1|H|3|I|5|6|7|17|8|@]|D|@]|E|$]]|$1|J|3|K|5|6|7|18|8|@$9|19|A|1A|B|C]]|D|@]|E|$]]|$1|L|3|M|5|6|7|1B|8|@$9|1C|A|1D|B|C]]|D|@]|E|$]]|$1|N|3|O|5|P|7|1E|8|@]|D|@]|E|$]]|$1|Q|3|R|5|P|7|1F|8|@]|D|@]|E|$]]|$1|S|3|-4|5|6|7|1G|8|@]|D|@]|E|$]]]|T|$U|$5|V|W|X|E|$Y|Z]]]]

Use flutter_stetho dart package to inspect network calls

Visit <a href="https://pub.dev/packages/flutter_stetho" rel="nofollow noreferrer">https://pub.dev/packages/flutter_stetho</a>

Include this to your package's pubspec.yaml 

dependencies:
 flutter_stetho:(version) >> for example flutter_stetho: ^0.4.1

Note: Based on dart version only, choose the Stetho package version 

<ul>
<li>For Flutter 1.7.x with Dart 2.4, use version 0.3.0</li>
<li>For Flutter 1.8.x+ with Dart 2.5, use version 0.4.0 or higher</li>
</ul>

blocks|key|2013991|text|在“颤振17.1”版本中，他们给出了检查网络调用的很酷的特性，|type|unstyled|depth|inlineStyleRanges|offset|length|style|BOLD|entityRanges|data|2013992|通过点击open+DevTools图标(在android的调试控制台中)打开开发工具，如下图所示|2013993|​|2013994|📷|atomic|2013995|2013996|之后，它将在浏览器中安装这些工具并打开Dart+dev+tools，如下图所示|2013997|2013998|2013999|2014000|单击右上角烧瓶图标(在上面的图像中高亮显示)，它将自动刷新页面，并在工具栏中显示网络选项，如下图所示|2014001|2014002|2014003|2014004|现在你可以检查你的每一个电话|2014005|entityMap|0|IMAGE|mutability|IMMUTABLE|imageUrl|https://developer.qcloudimg.com/http-save/yehe-900000/e5eaac43e3f1b51c5ff49a7aa0fe52f6.png|imageAlt|1|https://developer.qcloudimg.com/http-save/yehe-900000/2761499d285a9615e4dc96833115f77a.png|2|https://developer.qcloudimg.com/http-save/yehe-900000/f6399f5fc2b2333292d01e9e262c06cb.png^0|K|4|0|4|D|0|0|0|1|0|0|0|J|E|0|0|0|1|1|0|0|0|0|0|1|2|0|0|0^^$0|@$1|2|3|4|5|6|7|1C|8|@$9|1D|A|1E|B|C]]|D|@]|E|$]]|$1|F|3|G|5|6|7|1F|8|@$9|1G|A|1H|B|C]]|D|@]|E|$]]|$1|H|3|I|5|6|7|1I|8|@]|D|@]|E|$]]|$1|J|3|K|5|L|7|1J|8|@]|D|@$9|1K|A|1L|1|1M]]|E|$]]|$1|M|3|I|5|6|7|1N|8|@]|D|@]|E|$]]|$1|N|3|O|5|6|7|1O|8|@$9|1P|A|1Q|B|C]]|D|@]|E|$]]|$1|P|3|I|5|6|7|1R|8|@]|D|@]|E|$]]|$1|Q|3|K|5|L|7|1S|8|@]|D|@$9|1T|A|1U|1|1V]]|E|$]]|$1|R|3|I|5|6|7|1W|8|@]|D|@]|E|$]]|$1|S|3|T|5|6|7|1X|8|@]|D|@]|E|$]]|$1|U|3|I|5|6|7|1Y|8|@]|D|@]|E|$]]|$1|V|3|K|5|L|7|1Z|8|@]|D|@$9|20|A|21|1|22]]|E|$]]|$1|W|3|I|5|6|7|23|8|@]|D|@]|E|$]]|$1|X|3|Y|5|6|7|24|8|@]|D|@]|E|$]]|$1|Z|3|-4|5|6|7|25|8|@]|D|@]|E|$]]]|10|$11|$5|12|13|14|E|$15|16|17|-4]]|18|$5|12|13|14|E|$15|19|17|-4]]|1A|$5|12|13|14|E|$15|1B|17|-4]]]]

In Flutter 17.1 version, they given cool feature for inspecting the Network calls,

open developer tools by tapping on open DevTools icon (which is in debug console of android studio) as show in below image

<a href="https://i.stack.imgur.com/QblmG.png" rel="noreferrer"><img src="https://i.stack.imgur.com/QblmG.png" alt="enter image description here"></a>

After that it will the install the tools and open Dart dev tools in a browser as shown in below image 

<a href="https://i.stack.imgur.com/fcj0b.png" rel="noreferrer"><img src="https://i.stack.imgur.com/fcj0b.png" alt="enter image description here"></a>

Click on the right side top corner flask icon(which is highlighted in the above image),
it will refresh the page automatically and display the Network option in the tool bar as show in below image

<a href="https://i.stack.imgur.com/MUaAx.png" rel="noreferrer"><img src="https://i.stack.imgur.com/MUaAx.png" alt="enter image description here"></a>

Now you can inspect your each and every call

blocks|key|2013804|text|如果您只想知道reponse.body是什么，我不认为您需要一个单独的库来检查网络调用，因为您已经拥有了官方的Flutter团队强大的http库。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|2013805|样本代码：|2013806|http.get("http://api.urbandictionary.com/v0/define?term=stackoverflow").then((response){
++print("Status+Code:+${response.statusCode}");//200+if+successful
++print("Response+Body:+${response.body}");

++//+You+can+examine+the+response+object+either+by+referring+the+docs+or+using+he+suggestions+you+get+in+Android+Studio+/+VS+Code

})|code-block|syntax|javascript|2013807|entityMap^0|0|0|0^^$0|@$1|2|3|4|5|6|7|K|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|L|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|M|8|@]|9|@]|A|$G|H]]|$1|I|3|-4|5|6|7|N|8|@]|9|@]|A|$]]]|J|$]]

If you just want to know what the reponse.body is I don't think that you need a separate library to inspect network calls in Flutter when you already have an powerful http library by the official Flutter Dev Team. 

Sample Code:

<pre><code>http.get("http://api.urbandictionary.com/v0/define?term=stackoverflow").then((response){
 print("Status Code: ${response.statusCode}");//200 if successful
 print("Response Body: ${response.body}");

 // You can examine the response object either by referring the docs or using he suggestions you get in Android Studio / VS Code

})
</code></pre>

blocks|key|2643833|text|这是我的一个例子，返回web服务中的酒店列表：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|2643834|List<Hotel>+list+=+list();
var+res+=+await+http.get('http://api-dadepardazan.nikoosoft.ir/api/cms/hotels',
++++++++headers:+{"Access-Token":+"bt316x312ba44c6183aa81c2ce0d3eff",+"Client-Id":"20629heeba32cc87fra6637b257d73"});

++++if+(res.statusCode+==+200)+{
++++++try+{

++++++++var+data+=+json.decode(res.body);
++++++++var+rest+=+data["result"];

++++++++for+(var+model+in+rest)+{
++++++++++list.add(Hotel.fromJson(model));
++++++++}
++++++++print('list+loaded+from+web+service');+++++

++++++}+on+FormatException+catch+(e)+{
++++++++print("That+string+didn't+look+like+Json.");
++++++}+on+NoSuchMethodError+catch+(e)+{
++++++++print('That+string+was+null!');
++++++}

++++}+else+{
++++++print('Failed+to+call+service');
++++}|code-block|syntax|javascript|2643835|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

This is an example of me that returns a list of hotels from web service: 

<pre><code>List&lt;Hotel&gt; list = list();
var res = await http.get('http://api-dadepardazan.nikoosoft.ir/api/cms/hotels',
 headers: {"Access-Token": "bt316x312ba44c6183aa81c2ce0d3eff", "Client-Id":"20629heeba32cc87fra6637b257d73"});

 if (res.statusCode == 200) {
 try {

 var data = json.decode(res.body);
 var rest = data["result"];

 for (var model in rest) {
 list.add(Hotel.fromJson(model));
 }
 print('list loaded from web service'); 

 } on FormatException catch (e) {
 print("That string didn't look like Json.");
 } on NoSuchMethodError catch (e) {
 print('That string was null!');
 }

 } else {
 print('Failed to call service');
 }
</code></pre>

blocks|key|1203161|text|从移动应用程序中检查网络流量的典型方法是通过代理。这方面的一个极好工具是查尔斯代理。|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|1203162|一旦您设置了Charles，您实际上并不需要任何额外的颤振插件或包才能使其工作，但您确实需要设置Flutter来通过本地代理进行路由(不幸的是，Flutter忽略了您的设备设置)：|1203163|class+MyProxyHttpOverride+extends+HttpOverrides+{
++@override
++HttpClient+createHttpClient(SecurityContext+context)+{
++++return+super.createHttpClient(context)
++++++..findProxy+=+(uri)+{
++++++++return+"PROXY+localhost:8888;";
++++++}
++++++..badCertificateCallback+=
++++++++++(X509Certificate+cert,+String+host,+int+port)+=>+true;
++}
}

//+In+your+main.dart
HttpOverrides.global+=+MyProxyHttpOverride();|code-block|syntax|javascript|1203164|当然，您需要将localhost:8888更改为任何代理设置。|style|CODE|1203165|我还写了一个关于这个解决方案这里的更详细的文章。|1203166|entityMap|0|LINK|mutability|MUTABLE|url|https://www.charlesproxy.com/|1|https://medium.com/hoursofoperation/use-charles-proxy-to-debug-network-requests-in-flutter-apps-2f2083275cad^0|10|5|0|0|0|0|7|E|0|E|2|1|0^^$0|@$1|2|3|4|5|6|7|10|8|@]|9|@$A|11|B|12|1|13]]|C|$]]|$1|D|3|E|5|6|7|14|8|@]|9|@]|C|$]]|$1|F|3|G|5|H|7|15|8|@]|9|@]|C|$I|J]]|$1|K|3|L|5|6|7|16|8|@$A|17|B|18|M|N]]|9|@]|C|$]]|$1|O|3|P|5|6|7|19|8|@]|9|@$A|1A|B|1B|1|1C]]|C|$]]|$1|Q|3|-4|5|6|7|1D|8|@]|9|@]|C|$]]]|R|$S|$5|T|U|V|C|$W|X]]|Y|$5|T|U|V|C|$W|Z]]]]

The typical way to inspect network traffic from mobile apps is via a proxy. A superb tool for this is <a href="https://www.charlesproxy.com" rel="nofollow noreferrer">Charles Proxy</a>.

Once you have Charles set up you don't actually need any additional Flutter plugins or packages to get it working, but you do need to set up Flutter to route through your local proxy (unfortunately Flutter ignores your device settings):

<pre><code>class MyProxyHttpOverride extends HttpOverrides {
 @override
 HttpClient createHttpClient(SecurityContext context) {
 return super.createHttpClient(context)
 ..findProxy = (uri) {
 return "PROXY localhost:8888;";
 }
 ..badCertificateCallback =
 (X509Certificate cert, String host, int port) =&gt; true;
 }
}

// In your main.dart
HttpOverrides.global = MyProxyHttpOverride();
</code></pre>

Of course, you'll need to change <code>localhost:8888</code> to whatever your proxy settings are.

I also wrote a more detailed write up about this solution <a href="https://medium.com/hoursofoperation/use-charles-proxy-to-debug-network-requests-in-flutter-apps-2f2083275cad" rel="nofollow noreferrer">here</a>.

blocks|key|2644064|text|您可以使用检验员查看您的请求|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|2644065|entityMap|0|LINK|mutability|MUTABLE|url|https://pub.dev/packages/requests_inspector^0|5|3|0|0^^$0|@$1|2|3|4|5|6|7|L|8|@]|9|@$A|M|B|N|1|O]]|C|$]]|$1|D|3|-4|5|6|7|P|8|@]|9|@]|C|$]]]|E|$F|$5|G|H|I|C|$J|K]]]]

You can use <a href="https://pub.dev/packages/requests_inspector" rel="nofollow noreferrer">request_inspector</a> to see you request

I'm making network calls in flutter by using HTTP package, i want to know which type of response is getting for those calls

How to inspect network calls in flutter application

翻译质量差，导致语言生硬或混乱。

没有提供实际的解决方法或示例。

解答不清晰，无法理解或解决问题。

页面排版不美观，阅读体验差。

文章

问答

视频

学习中心

腾讯云实验室

直播

竞赛

腾讯云代码分析专区

腾讯iOA零信任安全管理系统专区

腾讯云架构师技术同盟交流圈

腾讯云数据库专区

腾讯云顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋

腾讯云代码助手

云原生构建

TAPD 敏捷项目管理

Cloud Studio

SDK中心

API中心

命令行工具

涵盖代码开发、场景应用、自动测试全流程，助你从零构建专属AI助手

一站式MCP教程库，解锁AI应用新玩法

我正在使用HTTP包进行网络调用，我想知道这些调用的响应类型

问如何检测颤振应用中的网络调用
EN

回答 6

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何检测颤振应用中的网络调用EN

回答 6

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何检测颤振应用中的网络调用
EN