Browser plug-in development tutorial

Browser plug-in development is an important skill of front-end developers, as long as you master JS, HTML, CSS can be easily completed, but also exercise JS, HTML, CSS method.

Typically, Microsoft Edge, Firefox, and Chrome are the focus of development.

Sadly, there are few online articles on this subject, which are very basic. Microsoft Edge offers tutorials, but the API articles are to be found at developer.google.com, where Google is notoriously on the “strong” side of the column. What can I do about it?

Fortunately, it’s not just Google and Microsoft that’s suing browsers, it’s Mozilla Firefox too!

Mozilla Firefox has detailed how to develop browser plug-ins on developer.mozilla.org.

Developer.mozilla.org/zh-CN/docs/…

That would be great! But there was an immediate problem: Does Mozilla Firefox’s browser plug-in work with other browsers?

Mozilla Firefox plug-in compatibility

You can extend and modify the capabilities of a browser. The extension for Firefox was built using the WebExtensions API, “a cross-browser system for developing extensions.” The system is largely compatible with extended apis supported by Google Chrome, Opera, and the W3C Draft Community. In most cases, extensions written for these browsers will run in Firefox or Microsoft Edge with minimal modification. This API is also fully compatible with multi-process Firefox.

That’s the first part of getting Started with the Mozilla Firefox plugin tutorial. Written clearly, the extension API is largely compatible with very little conflict.