Background Script - Provides persistence and handles background events.Popup Script - Local JavaScript file for the extension DOM.It mainly comprises the following scripts: Message Passing: Interaction Between ScriptsĪn extension, as the name suggests, is like a layer on top of the existing webpage you're trying to access. The major difference between the two is the usage of service workers in V3 instead of background pages and related actions. Note: This article makes use of Manifest V2 instead of V3. But I consider myself to be more of a visual learner, and being able to visualize how we pass messages between the extension scripts helped simplify the overall development. We do have the Chrome API documentation, and it is indeed very thorough. And the lack of a simplified guide made me write this article. It was then that I stumbled upon the way we pass around certain data from a web page to an extension.

I started playing around with developing a Chrome extension for a use-case I had in mind at work. Whether you use them to add headers to simple requests or to scrape important data from the DOM, extensions help provide extra functionality that makes life easier. However, analytics on these locally-created messages will not be available within the Braze dashboard.In the world of web development, Chrome extensions are a pretty handy set of tools to have around. This is particularly useful for displaying messages you wish to trigger within the app in real-time.

All customization options available on the dashboard are also available locally. In-app messages can also be created within your site and displayed locally in real-time. If you attempt to show a second modal or full message while one is already showing, braze.showInAppMessage will return false, and the second message will not display. Only one Modal or Full in-app message can be displayed at a given time. The inAppMessage parameter will be an braze.InAppMessage subclass or an braze.ControlMessage object, each of which has various lifecycle event subscription methods. If you don’t remove tomaticallyShowInAppMessages() from your website when also calling braze.showInAppMessage, the message may be displayed twice.

Message from the web