sxei/chrome-plugin-demo
Chrome Plugin Demo
《Chrome插件开发全攻略》配套完整Demo，欢迎clone体验
Features
- Browser Extension Development - Provides a complete demo project showcasing all major Chrome extension APIs for learning purposes.
- Chrome Extension Development Demos - Provides a complete demo project with working examples of common Chrome extension features for learning purposes.
- Inter-Script Message Buses - Passes JSON messages between extension scripts using a channel-based API that routes data through the browser's internal message bus.
- Event-Driven Scripting - Runs a persistent background script that listens for browser events and triggers responses without blocking the user interface.
- Extension Manifests - Declares permissions, scripts, and resources in a JSON manifest file that the browser reads to load and configure the extension.
- Inter-Script Communication - Ships a channel-based messaging API for real-time data exchange between injected scripts, popups, and background pages.
- Browser Toolbar Popups - Opens a small HTML window when clicking the toolbar icon for temporary user interactions.
- Browser Right-Click Menus - Adds custom items to the browser's right-click menu for pages, images, links, or selected text.
- Persistent Background Workers - Keeps a background script running for the entire browser session to handle global events and long-running tasks.
- Browser Extension Automation - Automates browser tasks through extensions by injecting scripts, intercepting network requests, and modifying page content.
- API Usage Examples - Ships practical code samples demonstrating Chrome extension APIs for background scripts, content scripts, and DevTools.
- Common Extension Patterns - Provides example implementations of common extension patterns such as message passing, notifications, and context menus.
- Extension Message Bridges - Implements message passing between different parts of a Chrome extension including content scripts, popups, and background pages.
- URL-Matched Injections - Injects JavaScript and CSS automatically into web pages based on URL patterns defined in the extension manifest.
- Extension Internationalization Workflows - Shows how to add multi-language support to browser extensions using Chrome's i18n API.
- Browser Sync Storage - Saves and retrieves key-value data using a storage system that automatically syncs across the user's browsers.
- Browser DevTools Panel Extensions - Adds custom panels and sidebars to browser DevTools for inspecting and debugging web pages.
- Network Request Interception - Intercepts and modifies HTTP requests before they are sent using a browser-provided API for blocking, redirecting, or altering headers.
- Certificate Error Interceptions - Demonstrates certificate error handling and network request interception as security features in Chrome extensions.
- Error Page Displays - Displays a warning page when a website's SSL certificate is invalid or expired to prevent unsafe access.
- Development Tool Extenders - Extends Chrome's built-in developer tools with custom panels and sidebars for debugging and inspecting web pages.
- Browser Interface Customizations - Customizes the browser interface with right-click menus, popup windows, address bar suggestions, and overridden default pages.
- Context Menu Event Handlers - Provides a context menu customization API that registers event handlers for right-click actions on page elements.
- Cross-Instance Sync Storage - Provides a storage system that automatically syncs key-value data across all signed-in browser instances.
- Runtime Script and CSS Injection - Injects JavaScript code or CSS files into a specific tab at runtime from background or popup scripts.
