firefox-webextensions

I have popup in which I need to update the data inside it in reactively. What function or event is needed to track when a popup closes? Currently my code structure is as follows: let BG = browser.extension.getBackgroundPage(); let timer = BG.timer; function updatePageTime(secondsElapsed) { const content = document.getElementById("content"); content.innerHTML = "Current Time Spent: " + timer.getTimeElapsed(); } document.addEventListener("DOMContentLoaded", function () { timer.subscribe(updatePageTime); }); document.addEventListener("unload", function () { timer.unsubscribe(updatePageTime); });

When writing a Firefox web extension it's possible to use a default css for browser or page actions so that they are styled like other browser UI components. It's done by inserting: "browser_style": true in the extension manifest. Styles like panel-section-footer-button become available. My question: How can you know how to use the default styles, there doesn't seem to be an official source or description of them? Related: The css in built-in resource chrome://browser/content/extension.css . This popup example on Mozilla site, which uses some default styles.. Using "browser_style": true

I've been trying to move a simple program I made in jQuery/HTML to a Firefox WebExtension for easy deployment. The error I am getting is: Content Security Policy: The page’s settings blocked the loading of a resource at https://code.jquery.com/jquery-1.12.4.js (“script-src moz-extension://ef8f1295-1912-4912-ab2e-121053b6781a”). I'm sure I'm just not doing the manifest.json file right, but for the life of me I don't know where: { "description": "Makes tasks from different underwriters uniform", "manifest_version": 2, "name": "Task Creator", "version": ".5", "permissions": [ "http://*/*", "tabs"

I've been writing some browser extensions in the last few weeks and until today I thought that a WebExtension for Firefox should work pretty much automatically in Chrome. So I tried to write my code according to Mozilla's examples. But today I realized that there is no mention of Promises in the API documentation for Chrome Extensions. I have strictly used Promises throughout the code for all my Extensions. So now my question is, will my code work in Chrome? Or would it work if I add a var browser = chrome declaration at the very top? Or does Chrome not support Promises on the API at all? If

Not sure why I cannot retrieve info about current tab using getCurrent() when I navigate to, say, amazon.com or google.com and hit the browser icon for a browser action. Any hints on what I am missing? MANIFEST: { "name": "testGetCurrentTab", "version": "1.0", "description": "", "manifest_version": 2, "icons": { "48": "icons/icon-48.png" }, "permissions": [ "tabs", "<all_urls>" ], "browser_action": { "default_icon": "icon/icon-32.png" }, "background": { "scripts": ["background.js"] } } BACKGROUND: function displayInfo() { function onGot(tabInfo) { console.log('Inside onGot() ...'); console.log