Update Debug mode

Author: yqz562

web/assets/undefined.png

@@ -0,0 +1,59 @@
+---
+layout: default-layout
+title: How to resolve the expected magic word error that occurs when using DBR-JS?
+keywords: Dynamsoft Barcode Reader, FAQ, tech basic, Magic Word, MIME
+description: How to resolve the expected magic word error that occurs when using DBR-JS?
+needAutoGenerateSidebar: false
+---
+
+## What's new in version v11.0.3000?
+
+- Support for debug mode using `?debug=true`
+- Custom template upload feature
+- Video frame saving during debugging
+- Improved UI with:
+  - Single/Multiple barcode toggle
+  - Scan Mode selection (Speed, Balance, Coverage)
+  - Barcode Color Options (Inverted, Normal, Both)
+
+---
+
+## enable debug mode
+
+Append `?debug=true` to the demo URL.  
+Example: https://demo.dynamsoft.com/barcode-reader-js/?debug=true
+
+In debug mode:
+
+- You can upload **custom templates** compatible with v11.0.3000
+- You can **save video frames**
+
+---
+
+<div align="left">
+    <p><img src="../assets/advanced-settings.jpg" width="40%" alt="advanced settings"></p>
+</div>
+
+## upload a custom template
+
+1. Enable debug mode with `?debug=true`
+2. Use the **custom template upload** button (bottom-left of the UI)
+3. Upload a compatible `.json` template for v11.0.3000
+
+**Note:** Once a template is uploaded, changing other settings will have no effect until the template is cleared.
+
+---
+
+## save video frames
+
+Yes — in **debug mode**, you can save video frames for testing and analysis.
+
+---
+
+## 🔗 Useful Links
+
+- [Demo Page](https://demo.dynamsoft.com/barcode-reader-js/)
+- [Documentation](https://www.dynamsoft.com/barcode-reader/docs/web/)
+- [Support](https://www.dynamsoft.com/Support/)
+
+---

web/debug/debug-mode.md

@@ -13,3 +13,4 @@ noTitleIndex: true
 - [General Troubleshooting Steps for Decode Failure](general-troubleshooting-steps-for-decode-failure.html)
 - [Get SDK Logs](get-sdk-logs.html)
 - [Resolve Magic Word](resolve-magic-word.html)
+- [How to Use Debug Mode](debug-mode.html)