-
Notifications
You must be signed in to change notification settings - Fork 249
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Robot Updated at:10 Nov 2023 21:07:56 GMT
- Loading branch information
1 parent
a52f4da
commit f410651
Showing
11 changed files
with
264 additions
and
168 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,84 +1,83 @@ | ||
| <div class="github-widget" data-repo="fregante/Awesome-WebExtensions"></div> | ||
| ## Awesome WebExtensions [](https://awesome.re) | ||
|
|
||
| > 用于 WebExtensions 开发的精选资源列表. | ||
| > A curated list of awesome resources for WebExtensions development. | ||
| WebExtensions 是一个用于开发浏览器插件的跨浏览器系统. 在很大程度上，该系统与 Google Chrome 支持的扩展 API 兼容. 为这个浏览器编写的扩展在大多数情况下可以在 Firefox 中运行，只需 [a few changes](https://developer.mozilla.org/en-US/Add-ons/WebExtensions/Porting_a_Google_Chrome_extension). | ||
| WebExtensions are a cross-browser system for developing browser add-ons. To a large extent the system is compatible with the extension API supported by Google Chrome. Extensions written for this browser will in most cases run in Firefox with just [a few changes](https://developer.mozilla.org/en-US/Add-ons/WebExtensions/Porting_a_Google_Chrome_extension). | ||
|
|
||
| Follow [@fregante](https://fregante.com) 更多与 webext 相关的新闻. | ||
| Follow [@fregante](https://fregante.com) for more webext-related news. | ||
|
|
||
|
|
||
|
|
||
| ## Getting started | ||
|
|
||
| - [Chrome Extensions documentation](https://developer.chrome.com/docs/extensions/reference) - 原始 Chrome 扩展模型的文档. | ||
| - [Mozilla's WebExtensions documentation](https://developer.mozilla.org/en-US/Add-ons/WebExtensions) - WebExtensions API 的 MDN Wiki. | ||
| - [Browser support for WebExtensions](https://developer.mozilla.org/en-US/Add-ons/WebExtensions/Browser_support_for_JavaScript_APIs) - Chrome、Edge、Firefox 和 Opera 的兼容性表. | ||
| - [Safari Extensions documentation](https://developer.apple.com/safari/extensions/) - 有关构建 Safari 扩展的开发人员文档. 技术上不是 WebExtensions，API 完全不同. | ||
| - [Opera API support](https://dev.opera.com/extensions/apis/) - 对 Opera 的详细 WebExtensions 支持. | ||
| - [Porting Chrome Extensions to Firefox](https://extensionworkshop.com/documentation/develop/porting-a-google-chrome-extension) - 准备、安装和调试要在 Firefox 中移植的 Chrome 扩展的指南. | ||
| - [Browser Extension Standard](https://browserext.github.io/browserext/) - API 标准，受 Mozilla、Opera 和 Microsoft 支持. | ||
| - [Chrome Extensions documentation](https://developer.chrome.com/docs/extensions/reference) - Documentation for the original Chrome extension model. | ||
| - [Mozilla's WebExtensions documentation](https://developer.mozilla.org/en-US/Add-ons/WebExtensions) - MDN wiki for the WebExtensions API. | ||
| - [Browser support for WebExtensions](https://developer.mozilla.org/en-US/Add-ons/WebExtensions/Browser_support_for_JavaScript_APIs) - Compatibility table for Chrome, Edge, Firefox, and Opera. | ||
| - [Safari Extensions documentation](https://developer.apple.com/safari/extensions/) - Developer documentation on building Safari extensions. Technically not WebExtensions, the API is completely different. | ||
| - [Opera API support](https://dev.opera.com/extensions/apis/) - Detailed WebExtensions support for Opera. | ||
| - [Porting Chrome Extensions to Firefox](https://extensionworkshop.com/documentation/develop/porting-a-google-chrome-extension) - Guide to prepare, install, and debug Chrome extensions to be ported in Firefox. | ||
| - [Browser Extension Standard](https://browserext.github.io/browserext/) - Standard for the API, supported by Mozilla, Opera and Microsoft. | ||
|
|
||
| ## Community | ||
|
|
||
| - [Google Groups](https://groups.google.com/a/chromium.org/forum/#!forum/chromium-extensions) - 讨论. | ||
| - [Mozilla Discourse](https://discourse.mozilla.org/c/add-ons) - 讨论. | ||
| - [`#addons:mozilla.org`](https://matrix.to/#/#addons:mozilla.org) - Mozilla 的矩阵频道. | ||
| - [`google-chrome-extension` tag on Stack Overflow](https://stackoverflow.com/questions/tagged/google-chrome-extension) - 相关问题. | ||
| - [`firefox-addon-webextensions` tag on Stack Overflow](https://stackoverflow.com/questions/tagged/firefox-addon-webextensions) - 相关问题. | ||
| - [`microsoft-edge-extension` tag on Stack Overflow](https://stackoverflow.com/questions/tagged/microsoft-edge-extension) - 相关问题. | ||
| - [Google Groups](https://groups.google.com/a/chromium.org/forum/#!forum/chromium-extensions) - Discussions. | ||
| - [Mozilla Discourse](https://discourse.mozilla.org/c/add-ons) - Discussions. | ||
| - [`#addons:mozilla.org`](https://matrix.to/#/#addons:mozilla.org) - Matrix channel by Mozilla. | ||
| - [`google-chrome-extension` tag on Stack Overflow](https://stackoverflow.com/questions/tagged/google-chrome-extension) - Relevant questions. | ||
| - [`firefox-addon-webextensions` tag on Stack Overflow](https://stackoverflow.com/questions/tagged/firefox-addon-webextensions) - Relevant questions. | ||
| - [`microsoft-edge-extension` tag on Stack Overflow](https://stackoverflow.com/questions/tagged/microsoft-edge-extension) - Relevant questions. | ||
|
|
||
| ## Libraries and Frameworks | ||
|
|
||
| 代码意味着成为扩展的一部分. | ||
| Code meant become part of the extension. | ||
|
|
||
| - [webext-options-sync](https://github.com/fregante/webext-options-sync) - 帮助您管理和自动保存您的扩展选项. | ||
| - [webext-storage-cache](https://github.com/fregante/webext-storage-cache) - 类似地图的承诺缓存存储过期. | ||
| - [webext-dynamic-content-scripts](https://github.com/fregante/webext-dynamic-content-scripts) - 在自定义域上自动注入您的“content_scripts”. | ||
| - [mozilla/webextension-polyfill](https://github.com/mozilla/webextension-polyfill) - Polyfill 以支持“浏览器”命名空间中基于标准化承诺的 API. | ||
| - [@types/firefox-webext-browser](https://www.npmjs.com/package/@types/firefox-webext-browser) - 为“浏览器”命名空间提供 TypeScript 类型. | ||
| - [redux-webext](https://github.com/ivantsov/redux-webext) - 使用 Redux 来管理 WebExtension 的状态. | ||
| - [ExtPay](https://github.com/Glench/ExtPay) - 在扩展中进行安全支付，无需运行服务器后端. | ||
| - [inject-react-anywhere](https://github.com/OlegWock/inject-react-anywhere) - 通过方便的 API 和样式隔离将 React 组件注入 3rd 方站点. | ||
| - [webext-options-sync](https://github.com/fregante/webext-options-sync) - Helps you manage and autosave your extension's options. | ||
| - [webext-storage-cache](https://github.com/fregante/webext-storage-cache) - Map-like promised cache storage with expiration. | ||
| - [webext-dynamic-content-scripts](https://github.com/fregante/webext-dynamic-content-scripts) - Automatically inject your `content_scripts` on custom domains. | ||
| - [mozilla/webextension-polyfill](https://github.com/mozilla/webextension-polyfill) - Polyfill to support the standardized promise based API in the `browser` namespace. | ||
| - [@types/firefox-webext-browser](https://www.npmjs.com/package/@types/firefox-webext-browser) - Supplies TypeScript types for the `browser` namespace. | ||
| - [redux-webext](https://github.com/ivantsov/redux-webext) - Uses Redux for managing the state of your WebExtension. | ||
| - [ExtPay](https://github.com/Glench/ExtPay) - Take secure payments in extensions without needing to run a server backend. | ||
| - [inject-react-anywhere](https://github.com/OlegWock/inject-react-anywhere) - Inject React components into 3rd party sites with convenient API and styles isolation. | ||
| - [More…](https://github.com/fregante/webext-fun) | ||
|
|
||
| ## Tools | ||
|
|
||
| 帮助您管理扩展程序的应用程序. | ||
| Apps that help you manage your extensions. | ||
|
|
||
| - [Chrome Webstore Upload](https://github.com/fregante/chrome-webstore-upload-cli) - 通过 cli（或在 Travis 上，自动）将扩展上传到 Chrome 网上应用店. | ||
| - [mozilla/web-ext](https://github.com/mozilla/web-ext) - 帮助构建、运行和测试 WebExtensions 的命令行工具. | ||
| - [chromepet](https://github.com/ZenHubIO/chromepet) - 在您的新版本发布时收到通知. | ||
| - [chrome-ext-downloader](https://github.com/jiripospisil/chrome-ext-downloader) - 在 Chrome 网上应用店下载任何扩展，看看他们是如何做到的. | ||
| - [chrome-store-api](https://github.com/acvetkov/chrome-store-api) - Chrome 网上应用店 API 包装器. | ||
| - [Chrome extension source viewer](https://github.com/Rob--W/crxviewer) - WebExtension 可直接在商店中查看扩展的源代码. | ||
| - [@wext/shipit](https://github.com/LinusU/wext-shipit) - 自动发布到 Chrome Web Store、Mozilla Addons 和 Opera Addons 的工具. | ||
| - [wext-manifest-loader](https://github.com/abhijithvijayan/wext-manifest-loader) - 允许您指定“manifest.json”属性以仅在特定浏览器中显示的 Webpack 加载程序. | ||
| - [webextension-manifest-loader](https://github.com/jsmnbom/webextension-manifest-loader) - 加载浏览器定制的 manifest.json 的 Webpack 加载器. 它还导入所有可导入的属性，允许您将“manifest.json”作为您唯一的 webpack 入口点. | ||
| - [webpack-extension-reloader](https://github.com/rubenspgcavalcante/webpack-extension-reloader) - 一个 Webpack 插件，可在开发过程中自动重新加载浏览器扩展. | ||
| - [webpack-target-webextension](https://github.com/awesome-webextension/webpack-target-webextension) - 为使用 Webpack 构建的 WebExtensions 添加代码拆分支持. | ||
| - [Chrome Webstore Upload](https://github.com/fregante/chrome-webstore-upload-cli) - Upload the extension to the Chrome Web Store via cli (or on Travis, automatically). | ||
| - [mozilla/web-ext](https://github.com/mozilla/web-ext) - Command line tool to help build, run, and test WebExtensions. | ||
| - [chromepet](https://github.com/ZenHubIO/chromepet) - Get notified when your new version has been published. | ||
| - [chrome-ext-downloader](https://github.com/jiripospisil/chrome-ext-downloader) - Download any extension on Chrome Web Store to see how they do it. | ||
| - [chrome-store-api](https://github.com/acvetkov/chrome-store-api) - Chrome Web Store API wrapper. | ||
| - [Chrome extension source viewer](https://github.com/Rob--W/crxviewer) - WebExtension to view source code of extensions directly on the store. | ||
| - [@wext/shipit](https://github.com/LinusU/wext-shipit) - Tool to automatically publish to Chrome Web Store, Mozilla Addons and Opera Addons. | ||
| - [wext-manifest-loader](https://github.com/abhijithvijayan/wext-manifest-loader) - Webpack loader that lets you specify `manifest.json` properties to appear only in specific browsers. | ||
| - [webextension-manifest-loader](https://github.com/jsmnbom/webextension-manifest-loader) - Webpack loader that loads browser tailored manifest.json. It also imports all importable properties, allowing you to have 'manifest.json' as your only webpack entry point. | ||
| - [webpack-extension-reloader](https://github.com/rubenspgcavalcante/webpack-extension-reloader) - A Webpack plugin to automatically reload browser extensions during development. | ||
| - [webpack-target-webextension](https://github.com/awesome-webextension/webpack-target-webextension) - Adds code-splitting support to WebExtensions build with Webpack. | ||
|
|
||
| ## Testing | ||
|
|
||
| - [sinon-chrome](https://github.com/acvetkov/sinon-chrome) - 模拟 Chrome Extensions API 进行测试. | ||
| - [addons-linter](https://github.com/mozilla/addons-linter) - 根据 Mozilla 指南验证扩展. | ||
| - [webextensions-jsdom](https://github.com/stoically/webextensions-jsdom) - 使用基于 manifest.json 的 JSDOM 加载弹出窗口、侧边栏和背景. | ||
| - [webextensions-api-fake](https://github.com/stoically/webextensions-api-fake) - 内存中的 WebExtensions API Fake Implementation（包括 TypeScript 类型）. | ||
| - [webextensions-api-mock](https://github.com/stoically/webextensions-api-mock) - WebExtensions API 作为 sinon 存根（包括 TypeScript 类型）. | ||
| - [webextensions-schema](https://github.com/stoically/webextensions-schema) - 以编程方式使用 WebExtensions Schema JSON 文件. | ||
| - [sinon-chrome](https://github.com/acvetkov/sinon-chrome) - Mocks the Chrome Extensions API for testing. | ||
| - [addons-linter](https://github.com/mozilla/addons-linter) - Validate an extension against Mozilla's guidelines. | ||
| - [webextensions-jsdom](https://github.com/stoically/webextensions-jsdom) - Load popup, sidebar and background with JSDOM based on the manifest.json. | ||
| - [webextensions-api-fake](https://github.com/stoically/webextensions-api-fake) - In-memory WebExtensions API Fake Implementation (includes TypeScript types). | ||
| - [webextensions-api-mock](https://github.com/stoically/webextensions-api-mock) - WebExtensions API as sinon stubs (includes TypeScript types). | ||
| - [webextensions-schema](https://github.com/stoically/webextensions-schema) - Programmatically consume the WebExtensions Schema JSON files. | ||
|
|
||
| ## Boilerplates | ||
|
|
||
| - [browser-extension-template](https://github.com/fregante/browser-extension-template) - 带有包裹、选项处理程序和自动发布的准系统样板. | ||
| - [create-webextension](https://github.com/rpl/create-webextension) - 纱线 WebExtension 生成器. | ||
| - [extensionizr.com](https://extensionizr.com) - 帮助您创建初始配置和文件的 Web UI. | ||
| - [generator-web-extension](https://github.com/webextension-toolbox/generator-web-extension) - WebExtension 生成器，可创建开始跨浏览器 Web 扩展开发所需的一切. | ||
| - [vue-web-extension](https://github.com/Kocal/vue-web-extension) - 用于使用 Vue、Babel、ESLint 等快速启动 Web 扩展的 Vue CLI 3+ 预设！ | ||
| - [browser-extension-template](https://github.com/fregante/browser-extension-template) - Barebones boilerplate with parcel, options handler and auto-publishing. | ||
| - [create-webextension](https://github.com/rpl/create-webextension) - Yarn WebExtension generator. | ||
| - [generator-web-extension](https://github.com/webextension-toolbox/generator-web-extension) - WebExtension generator that creates everything you need to get started with cross-browser web-extension development. | ||
| - [vue-web-extension](https://github.com/Kocal/vue-web-extension) - A Vue CLI 3+ preset for quickly starting a web extension with Vue, Babel, ESLint and more! | ||
|
|
||
| ## Sample Extensions | ||
|
|
||
| 这些是简单而现代的 WebExtensions 存储库，可以帮助您确定各个部分的去向，包括通过 Travis CI 进行自动部署. | ||
| These are simple and modern WebExtensions repositories that could help you figure out where pieces go, including automatic deployment via Travis CI. | ||
|
|
||
| - [npmhub](https://github.com/npmhub/npmhub) | ||
| - [Hide Files on GitHub](https://github.com/sindresorhus/hide-files-on-github) | ||
| - [mdn/webextension-examples](https://github.com/mdn/webextensions-examples) - 为 MDN 文档策划的各种示例扩展. | ||
| - [mdn/webextension-examples](https://github.com/mdn/webextensions-examples) - Various example extensions curated for the MDN documentation. |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Oops, something went wrong.