Chrome Extension Beginner’s Tutorial

In this article, I will lead you to create a Chrome extension that uses browser pop-up menus to send browser notifications. It will involve the use of context menu and data storage API, let’s call it temporarilyNotify。

This extension program The code has been uploaded to Github [2]You can freely fork and test it.

Project Structure

After preparing the manifest file, you can load the extension in Chrome browser:

Navigate to the address barchrome://extensionsOpen the extension management interface. Of course, you can also enter the management interface through the "Extension" menu by clicking on the rightmost settings icon.

Next, enable developer mode and click the leftmost button to load our unpacked original extension directory notify.

Then, we can see that the extension program has been successfully loaded, and we will observe its changes gradually as we make modifications.

Please note that the icon for the extension program has been added to the assets/icons folder, otherwise the default icon will be displayed.