mdn/webextensions-examples

Features

• WebExtensions API Development - Serves as a comprehensive reference library for building browser extensions using standard WebExtensions APIs.
• Local Data Stores - Implements mechanisms for managing persistent data locally on the user's device to ensure it survives restarts.
• Browser Storage Persistence - Persists application state and user input across browser sessions using browser-specific storage mechanisms.
• In-Page Script Execution - Implements the ability to execute JavaScript within web pages for DOM manipulation and clipboard access.
• Inter-Component Messaging - Implements messaging layers to synchronize state between background scripts and content scripts.
• Code Examples - Offers a collection of practical code samples demonstrating specific WebExtensions API implementation patterns.
• Inter-Process Communication - Provides implementation patterns for exchanging data between isolated extension components and native applications.
• WebExtensions Implementation Guides - Provides practical samples for implementing complex extension features like cross-component and native messaging.
• Extension Background Scripts - Implements background scripts that listen for browser events and coordinate actions across extension components.
• Script-to-Background Messaging - Implements messaging bridges that allow injected content scripts to trigger actions in the background process.
• Configuration Manifests - Uses structured JSON metadata files to define permissions, script injection rules, and UI elements.
• Extension Manifests - Provides implementation samples for extension manifest files that define capabilities and API permissions.
• Extension State Persistence - Implements state persistence for extensions using local storage and inter-process messaging.
• Inter-Process Communication - Implements structured data exchange between isolated contexts such as content scripts, popups, and background pages.
• Browser Extension Toolbar Buttons - Provides implementation guides for registering toolbar buttons that trigger extension-specific functions.
• Browser Toolbar Popups - Shows how to create small HTML popup windows triggered by browser toolbar icons.
• Browser Context Menu Extensions - Provides samples for adding custom actions to the browser's right-click menu.
• Page Content Modifications - Provides examples of modifying web page structure and replacing existing content with custom elements via script injection.
• Browser Interface Customizations - Demonstrates how to create custom popups, sidebars, and context menus to modify the browser's native UI.
• Extension Options Pages - Provides a dedicated settings interface for browser extensions to allow user configuration.
• Sidebars - Implements persistent side panels to provide user interfaces alongside the main browser window.
• Browser Extension Script Managers - Provides tools to register, update, and unregister custom scripts to be executed on specific websites.
• Lifecycle Management - Controls the dynamic registration and unregistration of scripts to manage when custom code is active.
• Browser Extensions - Provides a library of functional examples and tools for building software that integrates into browser environments.
• Tab Management - Provides capabilities to create, move, and update browser tabs for page organization.
• CSS Style Injections - Adds or removes CSS stylesheets from active browser tabs based on user interaction.
• Script Injections - Injects packaged JavaScript code into specific web pages based on URL match patterns.
• Web Content Injections - Offers examples for injecting scripts and styles into active tabs to modify web page content and behavior.
• Content Script Injection Architectures - Implements architectures for sending and receiving data between content scripts and background processes.
• Runtime Script and CSS Injection - Enables programmatically inserting code into active tabs at runtime for on-demand page interactions.
• DOM Manipulation - Provides techniques for injecting JavaScript and CSS to dynamically update the structure and content of web pages.
• Web Page Customizations - Implements techniques for modifying the appearance and behavior of existing web pages via script and style injection.
• Browser Bookmark Management - Provides capabilities to create, remove, and search for browser bookmarks based on the active tab URL.
• Browser DevTools Panel Extensions - Provides examples for registering custom panels and sidebars within the browser's developer tools.
• DevTools Inspector Interactions - Provides functions to programmatically select elements and modify styles of inspected elements within the browser.
• DOM Element Removers - Provides functionality to identify and delete specific HTML elements and their ancestors from a web page.
• Isolated Script Worlds - Runs scripts in isolated worlds to prevent collisions between extension logic and page-level JavaScript.
• Custom Action Bindings - Binds specific keystrokes to internal programmable functions to trigger actions without a mouse.
• Onboarding & Welcome Tools - Triggers the automatic opening of a welcome or options page immediately after extension installation.
• Window Management - Controls browser window properties and behaviors through a dedicated sidebar interface.
• Clipboard Read and Write Operations - Monitors text selections on webpages and writes highlighted content to the system clipboard.
• Native Messaging Channels - Establishes communication bridges between browser extensions and locally installed native applications.
• Response Body Modification - Intercepts network responses from specific origins and alters the response body.
• Network Request Interceptors - Provides capabilities to monitor and block network traffic based on defined URL patterns.
• Session-Based Traffic Rules - Registers session-based rules to intercept and alter network traffic.
• Request Header Overrides - Implements the overriding and removal of HTTP request headers to control browser communication.
• Privileged API Bridges - Provides a communication bridge allowing injected scripts to access privileged browser storage and system functions.
• Browser API Permissions - Manages declared capabilities to restrict access to sensitive browser features like history and cookies.
• Dynamic Permission Refresh - Monitors the granting or revocation of permissions to dynamically activate extension features.
• Domain Access Management - Checks for access to specific domains and prompts the user to grant network permissions.
• Runtime Host Permissions - Requests specific host access from the user at runtime to avoid installation warnings.
• Browser Toolbar Icon Controls - Provides examples for showing or hiding toolbar icons based on the state of the active tab.
• Keyboard Shortcuts - Implements mappings that allow users to trigger extension actions using specific keyboard inputs.
• Context Menu Customizations - Provides utilities for programmatically registering menu options that appear when right-clicking specific elements.
• Browser Right-Click Menus - Adds specialized custom menu items to the browser's right-click menu specifically for image elements.
• Conditional Menu Items - Implements logic to determine the visibility of specific menu items based on the current browser or application state.
• Browser Page Replacements - Replaces the default browser new tab page with a custom HTML page.
• Dynamic Text Formatting - Implements data-driven updates for toolbar button text to reflect real-time status.
• Interactive Menu Items - Demonstrates adding interactive controls like checkboxes and radio buttons to browser context menus.
• Interactive Overlay Popups - Creates temporary overlay windows that render stored information when an action button is clicked.
• Tab Coordination - Directs users to specific URLs and controls tab behavior based on triggered events.
• Context Menu Event Handlers - Demonstrates registering event handlers that trigger actions based on selected page elements in the context menu.
• Search-Triggering Context Menus - Generates context menu options that trigger search queries based on text selected by the user.
• DevTools Sidebar Integrations - Implements custom sidebars specifically for the browser inspector panel to display real-time data.
• Theme Management - Provides a management interface for users to browse and toggle between different visual themes.
• User Preference Settings - Implements a dedicated options page for managing user configuration and tool behavior.
• Cloud-Synced Preferences - Saves and retrieves user-defined preferences across different devices to maintain a consistent state.
• Keyboard Shortcut Mapping - Implements capabilities for mapping specific key combinations to trigger extension features.
• Browser Feature Detection Utilities - Verifies availability of specific API properties at runtime to provide fallback behaviors.
• Cross-Tab Content Search - Implements the ability to search for specific strings across multiple open tabs and highlight matching text.
• Session Data Clearing - Provides a triggered action to remove specific types of historical browsing data, such as cookies and history.
• Cookie Retrieval Utilities - Implements an interface to fetch and list stored cookies associated with the active browser tab.
• Request Redirections - Implements rewriting of outgoing requests to route them to alternative destinations.
• Network Request Interception - Intercepts, blocks, or modifies HTTP requests and responses to alter browser communication with servers.
• Web Page Annotation Highlighters - Saves user notes and highlights to local storage and restores them automatically upon revisiting a page.
• Sample Extensions - Contains a collection of official documentation examples.

Star history