MSW DevTools Controller

5.0(

1 rating

)

Extension Developer Tools32 users

Item media 4 (screenshot) for MSW DevTools Controller

Item media 1 (screenshot) for MSW DevTools Controller

Item media 2 (screenshot) for MSW DevTools Controller

Item media 3 (screenshot) for MSW DevTools Controller

Overview

Control MSW handlers from a dedicated DevTools panel.

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.

5 out of 5
1 rating
Learn more about results and reviews.

Details

Version
0.1.1
Updated
June 22, 2025
Flag concern
Offered by
Dyeon12
Size
85.92KiB
Languages
English (United States)
Developer
Email
dyeon12@gmail.com
Non-trader
This developer has not identified itself as a trader. For consumers in the European Union, please note that consumer rights do not apply to contracts between you and this developer.

Privacy

Manage extensions and learn how they're being used in your organization

The developer has disclosed that it will not collect or use your data.

This developer declares that your data is

Not being sold to third parties, outside of the approved use cases
Not being used or transferred for purposes that are unrelated to the item's core functionality
Not being used or transferred to determine creditworthiness or for lending purposes

Requestly Intercept Modifier

2.3

To modify ajax responses on any page

tweak: mock and modify HTTP requests

4.6

Mock or modify your HTTP requests to test, develop and demo your web application

Network+

5.0

DevTools for network recording, editing and resending.

Hack Airbnb

0.0

Allows you to search for amenities not listed on Airbnb filter.

Mockiato — Free API Testing & Mocking Tool

4.9

Chrome extension to intercept requests, create real-time mocks, and auto-insert headers for web development & testing API.

Formily DevTools (v3)

0.0

Formily DevTools (v3) for debugging application's state changes.

MSW Devtools Extension

0.0

Handling msw requests on json

Mokku

4.1

Adds the API mocker MOKKU to Chrome Developer Tools for seamless integration & testing.

Requestly: Intercept & Modify HTTP Requests

4.5

Intercept & modify HTTP(S) traffic: redirect URLs, modify headers, inject scripts, mock REST & GraphQL APIs, and more.

ControlBridge

5.0

Maps gamepad input to keyboard events for browser games

MockRabbit

5.0

一个基于Chrome的http请求录制和Mock插件

Moq - Mock API Requests

5.0

Mock HTTP requests with custom responses, status codes, delays, and headers. Perfect for development, testing, and debugging.