apache · juzhiyuan · Dec 22, 2020 · Dec 21, 2020 · Dec 22, 2020
diff --git a/docs/USER_GUIDE.md b/docs/USER_GUIDE.md
@@ -47,6 +47,34 @@ The Route module aims to control routes by UI instead of calling APIs.
 
 ![route-create-done-list-en](./images/route-create-done-list-en.png)
 
+### Online debug
+
+We can debug a route both published or offline with the online debug function, which is located in the routes list page.
+
+1. Debug a published route
+
+![route-debug-published](./images/route-debug-published.png)
+
+2. Debug a offline route
+
+![route-debug-offline](./images/route-debug-offline.png)
+
+3. Debug a published route with query params
+
+![route-debug-query-params](./images/route-debug-query-params.png)
+
+4. Debug a published route with header params
+
+![route-debug-header-params](./images/route-debug-header-params.png)
+
+5. Debug a published route with body params
+
+![route-debug-body-params](./images/route-debug-body-params.png)
+
+6. Debug a published route with basic auth
+
+![route-debug-basic-auth](./images/route-debug-basic-auth.png)
+
 ## Setting
 
 ![setting](./images/setting-en.png)
diff --git a/docs/images/route-debug-basic-auth.png b/docs/images/route-debug-basic-auth.png
diff --git a/docs/images/route-debug-body-params.png b/docs/images/route-debug-body-params.png
diff --git a/docs/images/route-debug-header-params.png b/docs/images/route-debug-header-params.png
diff --git a/docs/images/route-debug-offline.png b/docs/images/route-debug-offline.png
diff --git a/docs/images/route-debug-published.png b/docs/images/route-debug-published.png
diff --git a/docs/images/route-debug-query-params.png b/docs/images/route-debug-query-params.png