MSW DevTools Controller icon

MSW DevTools Controller

by Dyeon12

v0.1.1 Updated Jun 22, 2025 85.92KiB
CWS
22
Users
★ 5.00
1 reviews
#40749
of 84.4K
developer
#3449 of 7.4K

Description

1. Intorduction This tool is a Chrome DevTools extension that serves as the official Chrome panel implementation of the msw-controller library. It allows you to dynamically control MSW (Mock Service Worker) handlers in real-time without refreshing the browser, significantly improving frontend development and testing productivity. 2. Key Features Custom Panel: Adds a dedicated 'MSW Controls' tab to the developer tools. Grouped UI: Displays handlers grouped by API, with collapsible sections. Individual Handler Control: Toggle individual handlers on/off using switches. Real-time Code Sync: Automatically reflects changes in the panel UI when handler files are modified and saved (HMR). 3. Installation Chrome Web Store Installation Search for "MSW DevTools Controller" in the Chrome Web Store. Click "Add to Chrome" to install. Relationship with msw-controller Library This Chrome extension is the official Chrome panel implementation of the msw-controller library. The msw-controller library provides core functionality for dynamically controlling MSW handlers, while this extension provides a user-friendly UI layer in Chrome DevTools. 4. Installing msw-controller Library - npm install msw-controller For library usage and detailed API documentation, please refer to the msw-controller GitHub repository(https://github.com/kkdy21/msw-controller). 5. Usage Click on the "MSW Controls" tab in the developer tools. The panel automatically loads the current page's MSW handlers. Use the toggle switches to enable or disable handlers as needed. Changes are applied immediately.
MSW DevTools Controller screenshot 1MSW DevTools Controller screenshot 2MSW DevTools Controller screenshot 3MSW DevTools Controller screenshot 4

Reviews

Loading reviews...

Details

Version 0.1.1
Updated Jun 22, 2025
Size 85.92KiB
First Seen Mar 25, 2026