Firefox Front-end

This is the documentation for the code powering the Firefox Desktop front-end.

How-To’s
- Getting Started
- Available Guides
- Template
Address Bar
- Where to Start
- Codebase
- Table of Contents
- API Reference
Browser Usage Telemetry
- Tab and window interactions
- Customizable UI
- Profile Count
- Context menu entrypoints
Frontend Code Review Best Practices
- Introduction
- Intended audience and outcomes
- What is expected from a frontend code review?
- Expectations for the Reviewer
- Expectations for the patch author
- Technologies and Specifics
- Commandeering patches
- Community Participation Guidelines
- FAQ
- Further Reading
Command Line Parameters
- Known parameters
Browser Startup
- Invoking your code on browser startup
- How do first run/first startup experiments work?
Category manager indirection (callModulesFromCategory)
- Consumer registration with the category manager.
- Publishers/actors invoking consumers
- Caveats
- Why not just call consumers directly?
CustomizableUI Component
- CustomizableUI Module
- DragPositionManager
- OverflowableToolbar
- PanelMultiView
- SearchWidgetTracker
- ToolbarContextMenu
- CustomizeMode
Enterprise Policies
- Introduction
- Kiosk Mode
Web Apps in Firefox
- System Interactions
Form Autofill
- Introduction
- How Form Autofill Works
- Additional Cases
- Country Meta Data
- Form Submission
- Report Issues
Firefox Home (New Tab)
- For .sys.mjs files (system modules)
- For .js, .jsx, .scss, or .css files
- Building assets and running Firefox
- Continuous development / debugging
- Running tests
- Code Coverage
- Discovery Stream Developer tools
- Detailed Docs
Firefox Welcome Experience (about:welcome)
- For .sys.mjs files (system modules)
- For .js, .jsx, .scss, or .css files
- Building assets and running Firefox
- Continuous development / debugging
- Running tests
- Code Coverage
Installer
- Installer Build
- Stub Installer
- Full Installer
- MSI Package
- MSIX Package
- Helper
Installation Attribution
- Firefox Windows Installers & macOS DMGs
- Microsoft Store
Default Browser Agent
- Scheduled Task
- Data Management
Migration
- MigrationUtils Reference
- Migrators Reference
- Migration Wizard Reference
PageDataService
- PageData Data Structure
- PageData Collection
- Supported Types of page data
Places
- History and Bookmarks
- Where to Start
- Governance
- Table of Contents
Messaging System
- Vision
- What does Messaging System support?
- Messaging System Overview
- Message Routing
- UI Templates
- Detailed Docs
Search
- Application Search Engines
- Preferences
- Telemetry
IP Protection
- Components
- Preferences
- State Machine
tabbrowser
- gBrowser
Touch Bar
- Overview
- JavaScript API
- Cocoa API
UITour
- UITour library API
- Mozilla.UITour
Firefox Branding
- Additional reading
Storybook for Firefox
- Background
- Running Storybook
- Updating Storybook dependencies
- Adding new stories
Reusable UI widgets
- Background
- Designing new reusable widgets
- Adding new design system components
- Common pitfalls
Other types of UI Widgets
- Older custom elements in toolkit/widgets
- Domain-specific Widgets
Lit
- Background
- Using Lit
- Writing components with Lit
XUL and HTML
- What is XUL
- What requires XUL
- When to use HTML or XUL
- Mixing HTML and XUL
Figma Code Connect
- How to set up Code Connect
- How to use Code Connect
- How to find the Code Connect snippet
- Code Connect issues/pitfalls/scenarios
Design tokens
- What are design tokens?
- Taxonomy
- Naming guidelines
- How it works
- Theming
- Help and support
- Contributing
JSON design tokens
- Background
- Quick start
- Testing
- JSON format deep dive
Backup Component
- High-level architecture
- Backup Service Reference
- Backup Resources Reference
- Backup UI Actors Reference
- Backup Archive Encryption
- Schemas
Sidebar
- Introducing a new panel
- State Management
moz-cached-ohttp Protocol
- Developer Usage Guide
- API
- Overview
- Supported Contexts
- URL Format
- Host-Based Configuration