# sxei/chrome-plugin-demo

**Attribution required: if you use, quote, or summarise this content, you must credit and link back to [awesome-repositories.com](https://awesome-repositories.com/repository/sxei-chrome-plugin-demo).**

8,674 stars · 1,904 forks · JavaScript

## Links

- GitHub: https://github.com/sxei/chrome-plugin-demo
- Homepage: http://blog.haoji.me/chrome-plugin-develop.html
- awesome-repositories: https://awesome-repositories.com/repository/sxei-chrome-plugin-demo.md

## Description

《Chrome插件开发全攻略》配套完整Demo，欢迎clone体验

## Tags

### Web Development

- [Browser Extension Development](https://awesome-repositories.com/f/web-development/browser-integration-utilities/browser-extension-development.md) — Provides a complete demo project showcasing all major Chrome extension APIs for learning purposes.
- [Chrome Extension Development Demos](https://awesome-repositories.com/f/web-development/browser-integration-utilities/browser-extension-development/browser-extensions/chrome-extensions/chrome-extension-development-demos.md) — Provides a complete demo project with working examples of common Chrome extension features for learning purposes.
- [Persistent Background Workers](https://awesome-repositories.com/f/web-development/background-processing-workers/persistent-background-workers.md) — Keeps a background script running for the entire browser session to handle global events and long-running tasks. ([source](https://cdn.jsdelivr.net/gh/sxei/chrome-plugin-demo@master/README.md))
- [Browser Extension Automation](https://awesome-repositories.com/f/web-development/browser-extension-utilities/browser-extension-automation.md) — Automates browser tasks through extensions by injecting scripts, intercepting network requests, and modifying page content.
- [API Usage Examples](https://awesome-repositories.com/f/web-development/browser-integration-utilities/browser-extension-development/browser-extensions/chrome-extensions/api-usage-examples.md) — Ships practical code samples demonstrating Chrome extension APIs for background scripts, content scripts, and DevTools.
- [Common Extension Patterns](https://awesome-repositories.com/f/web-development/browser-integration-utilities/browser-extension-development/browser-extensions/cross-browser-extension-frameworks/common-extension-patterns.md) — Provides example implementations of common extension patterns such as message passing, notifications, and context menus.
- [Extension Message Bridges](https://awesome-repositories.com/f/web-development/browser-integration-utilities/browser-extension-development/browser-extensions/message-passing-channels/extension-message-bridges.md) — Implements message passing between different parts of a Chrome extension including content scripts, popups, and background pages.
- [URL-Matched Injections](https://awesome-repositories.com/f/web-development/custom-page-frameworks/page-content-injections/script-injections/url-matched-injections.md) — Injects JavaScript and CSS automatically into web pages based on URL patterns defined in the extension manifest.
- [Cross-Instance Sync Storage](https://awesome-repositories.com/f/web-development/browser-integration-utilities/browser-apis/browser-storage/cross-instance-sync-storage.md) — Provides a storage system that automatically syncs key-value data across all signed-in browser instances.
- [Runtime Script and CSS Injection](https://awesome-repositories.com/f/web-development/custom-page-frameworks/page-content-injections/script-injections/runtime-script-and-css-injection.md) — Injects JavaScript code or CSS files into a specific tab at runtime from background or popup scripts. ([source](https://cdn.jsdelivr.net/gh/sxei/chrome-plugin-demo@master/README.md))

### Part of an Awesome List

- [Inter-Script Message Buses](https://awesome-repositories.com/f/awesome-lists/devtools/automation-scripts/inter-script-message-buses.md) — Passes JSON messages between extension scripts using a channel-based API that routes data through the browser's internal message bus.

### Development Tools & Productivity

- [Event-Driven Scripting](https://awesome-repositories.com/f/development-tools-productivity/shell-script-execution-engines/custom-run-scripts/scheduled-script-executions/event-driven-scripting.md) — Runs a persistent background script that listens for browser events and triggers responses without blocking the user interface.
- [Browser DevTools Panel Extensions](https://awesome-repositories.com/f/development-tools-productivity/devtool-extensions/browser-devtools-panel-extensions.md) — Adds custom panels and sidebars to browser DevTools for inspecting and debugging web pages.

### Software Engineering & Architecture

- [Extension Manifests](https://awesome-repositories.com/f/software-engineering-architecture/declarative-manifest-systems/service-manifests/extension-manifests.md) — Declares permissions, scripts, and resources in a JSON manifest file that the browser reads to load and configure the extension.
- [Inter-Script Communication](https://awesome-repositories.com/f/software-engineering-architecture/inter-process-communication/storage-synchronization/inter-script-communication.md) — Ships a channel-based messaging API for real-time data exchange between injected scripts, popups, and background pages. ([source](https://cdn.jsdelivr.net/gh/sxei/chrome-plugin-demo@master/README.md))
- [Development Tool Extenders](https://awesome-repositories.com/f/software-engineering-architecture/integration-extensibility/extensibility/plugin-architectures/developer-authoring-interfaces/custom-module-implementations/module-functionality-extenders/visualization-extenders/development-tool-extenders.md) — Extends Chrome's built-in developer tools with custom panels and sidebars for debugging and inspecting web pages.

### User Interface & Experience

- [Browser Toolbar Popups](https://awesome-repositories.com/f/user-interface-experience/action-toolbars/toolbar-button-customizations/toolbar-components/browser-toolbar-popups.md) — Opens a small HTML window when clicking the toolbar icon for temporary user interactions. ([source](https://cdn.jsdelivr.net/gh/sxei/chrome-plugin-demo@master/README.md))
- [Browser Right-Click Menus](https://awesome-repositories.com/f/user-interface-experience/context-menu-customizations/browser-right-click-menus.md) — Adds custom items to the browser's right-click menu for pages, images, links, or selected text. ([source](https://cdn.jsdelivr.net/gh/sxei/chrome-plugin-demo@master/README.md))
- [Browser Interface Customizations](https://awesome-repositories.com/f/user-interface-experience/browser-interface-customizers/browser-interface-customizations.md) — Customizes the browser interface with right-click menus, popup windows, address bar suggestions, and overridden default pages.
- [Context Menu Event Handlers](https://awesome-repositories.com/f/user-interface-experience/point-and-click-menu-selectors/context-menu-triggers/browser-menu-extensions/context-menu-event-handlers.md) — Provides a context menu customization API that registers event handlers for right-click actions on page elements.

### Business & Productivity Software

- [Extension Internationalization Workflows](https://awesome-repositories.com/f/business-productivity-software/social-networking-platforms/internationalization-support/extension-internationalization-workflows.md) — Shows how to add multi-language support to browser extensions using Chrome's i18n API.

### Data & Databases

- [Browser Sync Storage](https://awesome-repositories.com/f/data-databases/data-synchronization-configurations/cloud-storage-sync-triggers/browser-sync-storage.md) — Saves and retrieves key-value data using a storage system that automatically syncs across the user's browsers. ([source](https://cdn.jsdelivr.net/gh/sxei/chrome-plugin-demo@master/README.md))

### Graphics & Multimedia

- [Network Request Interception](https://awesome-repositories.com/f/graphics-multimedia/media-processing-analysis/media-downloaders/network-request-interception.md) — Intercepts and modifies HTTP requests before they are sent using a browser-provided API for blocking, redirecting, or altering headers.

### Security & Cryptography

- [Certificate Error Interceptions](https://awesome-repositories.com/f/security-cryptography/browser-extension-security/certificate-error-interceptions.md) — Demonstrates certificate error handling and network request interception as security features in Chrome extensions.
- [Error Page Displays](https://awesome-repositories.com/f/security-cryptography/certificate-handling/error-page-displays.md) — Displays a warning page when a website's SSL certificate is invalid or expired to prevent unsafe access. ([source](http://blog.haoji.me/chrome-plugin-develop.html))