The problem solved by this component: During the development and testing process, when the interface has problems such as request failure and unreasonable response data, it will seriously affect the development and testing process.
v0.x version corresponds to antd v3.x version
v1.x version corresponds to antd v4.x version
yarn add developer-tools-antd
或
npm i developer-tools-antd
import { DeveloperTools } from 'developer-tools-antd'
const App = () => (
<>
<DeveloperTools />
</>
);
Interface information: Real-time monitoring of requests sent on the page, support for one-click copying of interface information.
Interface mock: Replaces the monitored request and takes effect the next time a request is sent.
Edit cookie: Support to modify the cookies of the current page.
updated log:
2022-06-23 V1.0.12
🚩Optimize the display effect of input parameters and response parameters.
🚩Optimized mock interface display: the interface for enabling mock is placed at the top, and editing is disabled when mock is enabled.
🚩Intercept and prompt for requests whose 【result】 length in the response parameter is greater than 200.
🚩An exception is thrown when the cache is full.
🚩Added drag and drop operation: click on the top bar of the drawer to drag and drop.
🚧【cookie】Display editor: under development.
2022-06-23 V1.0.14 🔨 Fix bug when dragging
2022-06-24 v1.0.18 🔨 Optimization: Disable drawer header text
2022-07-27 v1.0.22 🔨 Add: Access [easy-mock]