awesome-repositories.com
Blog
MCP
awesome-repositories.com

Discover the best open-source repositories with AI-powered search.

ExploreCurated searchesOpen-source alternativesSelf-hosted softwareBlogSitemap
ProjectMCP serverAboutHow we rankPress
LegalPrivacyTerms
© 2026 Bringes Technology SRL·VAT RO45896025·hello@awesome-repositories.com
sxei avatar

sxei/chrome-plugin-demo

0
View on GitHub↗
blog.haoji.me/chrome-plugin-develop.html↗

Chrome Plugin Demo

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

Features

  • Browser Extension Development - Provides a complete demo project showcasing all major Chrome extension APIs for learning purposes.

AI search

Explore more awesome repositories

Describe what you need in plain English — the AI ranks thousands of curated open-source projects by relevance.

Start searching with AI
  • 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.
  • 8,674 stars·1,904 forks·JavaScript·13 views

    Star history

    Star history chart for sxei/chrome-plugin-demoStar history chart for sxei/chrome-plugin-demo

    How this analysis was created: This summary and feature list are AI-generated from collected project material and can contain mistakes. Stars, license and language are imported from GitHub. Inclusion does not mean that we have tested or audited this project. Check the source documentation for any feature you depend on. Learn more on our About page.

    Frequently asked questions

    What does sxei/chrome-plugin-demo do?

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

    What are the main features of sxei/chrome-plugin-demo?

    The main features of sxei/chrome-plugin-demo are: Browser Extension Development, Chrome Extension Development Demos, Inter-Script Message Buses, Event-Driven Scripting, Extension Manifests, Inter-Script Communication, Browser Toolbar Popups, Browser Right-Click Menus.

    Which projects share features with sxei/chrome-plugin-demo?

    Projects with overlapping indexed features include: mdn/webextensions-examples — This project is a reference library and collection of practical code samples for building browser extensions using… jonghakseo/chrome-extension-boilerplate-react-vite — This project is a boilerplate for Chrome extension development, utilizing React and Vite to build custom functionality… scriptscat/scriptcat — Scriptcat is a user script manager and browser extension designed to install, execute, and manage custom JavaScript… toggl/track-extension — Track-extension is a browser extension for Chrome and Firefox that records work hours and manages active timers… googlechrome/chrome-extensions-samples — This repository serves as a comprehensive reference library for browser extension development, providing a collection… tampermonkey/tampermonkey — Tampermonkey is a userscript manager used for browser behavior modification and web page automation. It allows for the…

    Projects sharing features with Chrome Plugin Demo

    These projects share indexed features with Chrome Plugin Demo. Shared tags can include platform or build tooling; verify the primary use case before treating a result as a replacement.
    • mdn/webextensions-examplesmdn avatar

      mdn/webextensions-examples

      4,447View on GitHub↗

      This project is a reference library and collection of practical code samples for building browser extensions using WebExtensions APIs. It provides implementation guides and functional examples for core extension components, including content scripts, background processes, and browser action popups. The repository focuses on demonstrating specific implementation patterns for browser UI customization and web page manipulation. It includes samples for creating sidebars, context menus, and options pages, as well as techniques for injecting scripts and styles to alter DOM elements and page appeara

      JavaScript
      View on GitHub↗4,447
    • jonghakseo/chrome-extension-boilerplate-react-viteJonghakseo avatar

      Jonghakseo/chrome-extension-boilerplate-react-vite

      4,834View on GitHub↗

      This project is a boilerplate for Chrome extension development, utilizing React and Vite to build custom functionality and user interfaces for web browsers. The development workflow emphasizes fast iteration through hot-reload capabilities and module rebuilding, which reflect code changes in the browser without manual reloading. It includes a type-safe internationalization system for managing multi-language support and automated end-to-end testing to verify feature stability across different browser packages. The architecture provides a component-based framework for creating popups, options

      TypeScript
      View on GitHub↗4,834
  • scriptscat/scriptcatscriptscat avatar

    scriptscat/scriptcat

    4,122View on GitHub↗

    Scriptcat is a user script manager and browser extension designed to install, execute, and manage custom JavaScript scripts to modify website behavior and extend browser functionality. It features a JavaScript sandbox environment that provides specialized APIs for storage, cookies, and system notifications, alongside a cloud-synced script repository to keep subscriptions and configurations consistent across multiple devices. The project includes an in-browser script editor for writing, testing, and debugging code directly within the browser. It also incorporates a cross-domain request engine

    TypeScriptchrome-extensiongreasemonkey-userscriptscriptcat
    View on GitHub↗4,122
  • toggl/track-extensiontoggl avatar

    toggl/track-extension

    1,145View on GitHub↗

    Track-extension is a browser extension for Chrome and Firefox that records work hours and manages active timers directly from the browser toolbar and centralized popup menus. It functions as a productivity utility by embedding interactive time measurement controls into third-party websites and project management tools, preventing context switching while tracking task duration. The extension injects timer buttons into external web applications by matching page URLs against registered rule sets and manipulating the host document structure at runtime. It configures these embedded timers with des

    JavaScriptchromechrome-extensionfirefox
    View on GitHub↗1,145
  • Compare all 30 related projects→