didi/DoKit
DoKit
DoKit is a frontend development debugging toolset designed for web and mobile applications. It provides a suite of utilities for intercepting network traffic, mocking API responses, inspecting UI hierarchies, and monitoring mobile app performance.
The project is distinguished by its focus on hybrid app inspection, allowing developers to execute scripts within web views and browse internal application sandboxes. It includes a visual UI audit tool with alignment rulers and color pickers to verify that interfaces match design specifications, as well as a diagnostic system that tracks CPU usage and memory leaks through real-time waveforms.
The toolset covers broad capability areas including network traffic analysis, device location simulation, and crash stack capture. It also provides a virtual file system explorer for managing sandbox files and databases, along with a synchronization system to control multiple devices from a single interface.
The framework allows for the integration of custom, project-specific utility tools into the development panel.
Features
- Frontend Debugging Workflows - Provides a comprehensive suite for analyzing network traffic, inspecting UI hierarchies, and auditing styles in web and mobile apps.
- Mobile Web Debugging Suites - Offers a comprehensive suite of debugging and profiling tools for web and mobile applications.
- Crash and Monitoring - Implements a diagnostic system to track CPU usage, memory leaks, and frame rates via real-time waveforms.
- Sandbox - Ships a built-in file explorer used to view, delete, and export internal application files and databases.
- App Sandbox Explorers - Provides a managed interface to browse and manipulate internal application sandbox files and databases.
- Hybrid App Inspectors - Provides a development panel for executing scripts in web views and browsing internal application sandboxes.
- Real-Time Performance Profilers - Tracks CPU and memory metrics using real-time waveforms to identify execution bottlenecks and memory leaks.
- Script Injection Tools - Allows the injection of custom debugging logic and scripts into active web views to manipulate the DOM in real time.
- Mobile Inspection Tools - Provides visual interfaces for inspecting and managing the internal files and databases of mobile applications.
- Hybrid App Debugging Workflows - Manages web view scripts and monitors storage for applications that combine native and web content.
- Mobile Performance Monitoring - Tracks CPU usage, memory leaks, and execution times to resolve processing bottlenecks in mobile applications.
- Web View Debugging Utilities - Enables script execution and storage monitoring within web views for applications combining native and web content.
- Traffic Analysis Tools - Provides a tool for intercepting and summarizing internal application traffic with detailed request lists and filters.
- Traffic Interception Tools - Provides a proxy-based interceptor to capture and modify network traffic to simulate or inspect API responses.
- Real-Time Waveform Monitors - Tracks CPU usage, memory consumption, and frame rates through real-time waveforms to identify processing bottlenecks.
- Application Performance Profiling - Provides capabilities for identifying processing bottlenecks and measuring execution time within frontend applications.
- API Mocking - Intercepts network requests to return predefined data, allowing frontend testing without a live backend.
- Memory Leak Detection - Includes diagnostic tools specifically designed to identify and analyze memory leak issues within the application.
- Web-Native Integration Bridges - Implements a communication bridge to exchange diagnostic data and metadata between native environments and web-based panels.
- Cross-Device State Synchronization - Provides a system to mirror application state and user interactions across multiple devices via a central controller.
- Device State Synchronizers - Allows controlling multiple devices from a single interface to synchronize actions for efficient testing.
- GPS Location Simulation - Enables the mocking of GPS coordinates to test location-aware features without requiring physical movement.
- Function Execution Timing - Calculates total application startup time and analyzes the duration of specific functions and load methods.
- Crash Reporters - Captures and prints native crash stack traces directly within the developer interface for rapid failure analysis.
- System Health Monitors - Implements a system to collect and upload diagnostic data regarding application stability and performance.
- Native Crash Trace Formatters - Captures native crash reports and formats them into readable traces directly within the developer interface.
- Visual Verification Tools - Uses visual tools to ensure user interfaces match design specifications and render correctly across different screens.
- Visual Auditing - Provides color pickers and alignment rulers to verify that component colors, positions, and layouts are correct.
- UI Inspection Tools - Analyzes the depth of user interface elements to identify deeply nested components on a page.
- UI Layout Auditing - Provides alignment rulers and layout overlays to verify that user interfaces adhere to design spacing and hierarchy rules.
