xPanel

Description

Network testing for developers in the Dev Panel.

When a developer wants to GET/POST some network resources, the developer needs either write code to initiate the request, or use tools like postman.
But I think, why not just initiate it with the Dev Panel? Because we can start it quickly.

So, here I wrote a page for the Dev Panel for developers. Hope it could be helpful

When you check the picture, you can find all the parameters we usually use for the network requests. They are:
the method [POST, GET]
the content type [Form Data, www-x-form-urlencoded, json]
the URL, e.g.: api.car.com
the optional headers e.g.: {"token": "buyer"}
and last but not least, the body in stringfied json. e.g.: {"car": "camry"}

in case you want to initiate the request without any cookies, you may turn off the switch "Cookies'

For the result,
It will be displayed on the right side in string.
And if you opened the Console, you will see the parsed data as well.

If you want to clear the console everytime you got the new response, then turn on the switch "Clear Console" as well.

Hope you will like it ;)


为网络调试提供帮助

当开发人员想要获取/发布一些网络资源时，开发人员需要编写代码来发起请求，或者使用诸如Postman之类的工具。
但是我想，为什么不随开发面板一起启动它呢？因为这挺方便的。
因此，在这里，我为开发面板编写了一个页面去实现它。

从图片中我们可以找到我们用于网络请求的大部分参数。 他们是：
请求方法[POST，GET]
内容类型[表单数据，www-x-form-urlencoded，json]
网址，例如：api.car.com
可选标头，例如：{“ token”：“ buyer”}
最后也是重要的一点，即序列化的对象。 例如：{“ car”：“ camry”}

如果您要发起没有任何Cookie的请求，则可以关闭“ Cookies”开关

为了这个结果
它会以字符串形式显示在右侧。
而且，如果您打开控制台，您还将看到已解析的数据。

如果你想每次请求响应后都自动清理控制台，请打开“Clear Console”的开关。

希望你会喜欢 ；）