Therefore, execute the creation of your project with the command:Įnter fullscreen mode Exit fullscreen mode The first action to be taken is the creation of a node project, in order to add all the features available today in terms of Javascript. It remains inactive until an event is triggered and executes the logic that has been assigned to it.įinally, the inner script (in the image above, the popup.js) is responsible for the visual functionalities of the extension, interacting directly with the HTML of the extension and in conjunction with the background script, it can perform, for example, calls to an API and data return something. This is where all event listeners that are important to the extension are stored. The background script acts in the browser area, it is the extension's event handler. Any information can be obtained from it and sent to the extension in order to change its behavior. The content script acts in the area which the user visits and can serve to communicate information about the current state of the page. Each of them has their area of expertise within the page and serves several functions.
How does the architecture of a browser extension work?Ĭhrome extensions work with 3 distinct areas that communicate: Background, content and inner scripts.
#Create google chrome web app how to#
But, have you ever wondered how to create one? We will now learn how to create a Chrome extension and how it works. From a simple theme to a Netflix party extension. Google Chrome has become a leader in the number of browser users, and with that, many of us have already used some extension geared towards it.
0 kommentar(er)
