What is the difference between the service worker of the web page and the service worker of the Google Chrome plug-in?

person github

The Service Worker of the web page and the Service Worker of the Chrome browser plug-in (extension) are both based on Web Worker and are used to run JavaScript code in the background. However, they have some key differences:

Scope

• Web Service Worker : Usually limited to the scope of the website or web application that registered it.
• Extended Service Worker : The scope can be wider, including the extension itself and possibly other web pages, depending on the extension's permission settings.

Permissions

• Service Worker of the web page : cannot access the Chrome extension API and has relatively limited permissions.
• Extended Service Worker : Can access Chrome extension API, allowing higher permissions and more functionality.

life cycle

• Web page Service Worker : The life cycle is usually managed by the browser, including installation, activation, and termination.
• Extended Service Worker : The life cycle is closely related to the life cycle of the extension itself.

communication

• Service Worker of web pages : mainly communicates with web pages of the same origin.
• Extended Service Worker : Can communicate with other extended components (such as popup, background page, content scripts, etc.) and any web page that meets the permission requirements.

Function

• Web Service Worker : Mainly used to cache resources, intercept network requests, push notifications, etc.
• Extended Service Worker : In addition to the functions of the web service worker, more advanced functions can also be implemented through the Chrome extension API, such as accessing browser tabs, reading and writing local storage, etc.

way to register

• Web page Service Worker : Usually used in the JavaScript code of the web page navigator.serviceWorker.register()for registration.
• Extended Service Workermanifest.json : Registered in the extended file.

Example

• Web Service Worker : Usually used in PWA (Progressive Web Apps).
• Extension Service Worker : For building Chrome extensions with various browser automation features.

Since you are developing a Chrome extension for managing cookies for multiple accounts, it may be more appropriate to use an extended Service Worker, as it allows you to access more browser-specific APIs, allowing for more complex functionality.