Have you always wanted to learn how to make a Chrome Extension? In this video tutorial series, we'll build a chrome extension together that uses notifications, reading and saving data, making API calls, and much more!
In this video, we will connect the popup.js file with the background.js file by sending messages. We'll also save data in the background and retrieve data to pre-populate the data on the popup window.
Remember to like and subscribe so you can get notifications when a new video is uploaded!
Github source code: github.com/jerryhacks/global-...
Chapters:
00:00
00:38 What the background.js file does
01:15 Creating the message listener in the background.js
01:55 What the data param in the message listener does
02:42 How to send messages from the popup to the background script
03:30 How to see the background.js console logs
04:10 Getting value from inputs and sending to background file
06:09 How to store data locally
06:45 Why the popup window doesn't save your inputted data
07:15 How to retrieve our local saved data
07:55 Setting the popup.html inputs to our saved data
08:36 Ending
4 янв 2023