Module Federation Devtools

There are several browser extensions available to help debug and manage your micro-frontend applications. While we recommend the Zephyr Chrome Extension for the best experience with Zephyr Cloud, the Module Federation Devtools is also a useful option for general Module Federation debugging.

Module Federation Devtools

The Module Federation Devtools Chrome extension offers general Module Federation debugging capabilities:

Key Features

  • Module proxy functionality - Test local modules against remote environments
  • Dependency inspection - Visualize module relationships and shared dependencies
  • Runtime debugging - Monitor module loading and interactions

Installation

  1. Install from Chrome Web Store
  2. Open Chrome DevTools (F12)
  3. Find the "Module Federation" tab

Best Use Cases

  • Development workflow - Proxy local changes to production environments
  • Cross-module debugging - Identify loading issues and version conflicts
  • Dependency analysis - Understand module relationships

Requirements

  • Applications must use mf-manifest.json for full functionality
  • Local development server needed for proxy features