Item logo image for MSW DevTools Controller

MSW DevTools Controller

5.0(

1 rating

)
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
Item media 4 (screenshot) for MSW DevTools Controller
Item media 1 (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
Item media 4 (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.

Details

  • Version
    0.1.1
  • Updated
    June 22, 2025
  • 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

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

Related

griffel-devtools

5.0

A new developer tools panel to inspect classes generated by griffel

Snowplow Debugger

4.3

Debug your Snowplow implementation with the Snowplow Debugger in Developer Tools.

Auth Inspector (SAML & OIDC)

0.0

DevTools panel to inspect SAML Requests/Responses and OIDC tokens locally.

Web Developer Tool for Chrome

4.9

Web developer toolbox for your browser.

Web Inspector

5.0

Use Web Inspector: Easily inspect element, use devtools, harness developer tooling and activate chrome debugger for work.

by Crawford Squarespace Code Inspector

0.0

A tool that acts as a code inspector, displaying real-time CSS properties.

Web Component DevTools

4.3

Developer tooling for Web Components and Web Component Libraries

LWC Debugger

5.0

Adds a Lightning tab to DevTools for debugging LWC on Salesforce Lightning pages.

Formily DevTools (v3)

0.0

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

Web Developer

4.5

Adds a toolbar button with various web developer tools.

WebdriverIO Chrome Recorder

2.5

WebdriverIO Extension for Devtools that allows you to export tests directly from the Recorder panel.

Meta Tag Fetcher

5.0

Meta tag tool: Extract, manage & customize meta tags for SEO & development.

griffel-devtools

5.0

A new developer tools panel to inspect classes generated by griffel

Snowplow Debugger

4.3

Debug your Snowplow implementation with the Snowplow Debugger in Developer Tools.

Auth Inspector (SAML & OIDC)

0.0

DevTools panel to inspect SAML Requests/Responses and OIDC tokens locally.

Web Developer Tool for Chrome

4.9

Web developer toolbox for your browser.

Web Inspector

5.0

Use Web Inspector: Easily inspect element, use devtools, harness developer tooling and activate chrome debugger for work.

by Crawford Squarespace Code Inspector

0.0

A tool that acts as a code inspector, displaying real-time CSS properties.

Web Component DevTools

4.3

Developer tooling for Web Components and Web Component Libraries

LWC Debugger

5.0

Adds a Lightning tab to DevTools for debugging LWC on Salesforce Lightning pages.

Google apps