Browser Extension Sync
The Mockzilla Chrome Extension is your local assistant. It lets you capture real API requests directly from your browser and turn them into permanent mocks in your Mockzilla Dashboard.
Extension Integration
Seamlessly sync mocks between your local Chrome Extension and the Mockzilla Server.
High-Fidelity Sync
Mockzilla uses a smart merge strategy to ensure zero data loss. Extension-specific features (like variants) are preserved in the server's database even if the server doesn't natively support them yet.
Sync to Server
Push your local extension rules to the server. Useful for sharing mocks with teammates or backing up your work.
- ✅ Creates generic "Extension" folders with URL-safe paths.
- ✅ Preserves all extension metadata.
Import from Server
Pull mocks from the server into your browser. Perfect for onboarding or switching environments.
- ✅ Imports folders as groups.
- ✅ Smart merges server edits + extension data.
🤖 AI-First: Agent Instructions
The browser extension is your AI's "eyes" into real-world traffic. Use an AI agent to analyze captured traffic and automatically generate spec-driven mocks that follow your project's standards.
"Use mockzilla-mock-maker to import the latest mocks from my browser extension. Find any endpoints related to user-profile, convert them into high-fidelity JSON Schema mocks using Faker, and save them into a new folder called users-prod."
// Tip: The AI can even identify "missing" fields in your captured traffic by comparing it to your OpenAPI spec.
How to Sync
- Open the Mockzilla Chrome Extension in your browser.
- Click the Sync icon in the header.
- Choose Push to save your local mocks to the dashboard.
- Choose Import to bring dashboard mocks into your browser.
Pro Tip: Intercept real-world APIs, save them to Mockzilla, and then edit the response to test edge cases without ever needing the real backend!