💖Foreword

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.

✨Notice

v0.x version corresponds to antd v3.x version

v1.x version corresponds to antd v4.x version

📦Install

yarn add developer-tools-antd
或
npm i developer-tools-antd

🔨Use

import { DeveloperTools } from 'developer-tools-antd'
const App = () => (
  <>
    <DeveloperTools />
  </>
);

💡Function

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.

💻updating

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]