felixfoertsch/webextensions-examples
1
0
Fork 0
mirror of https://github.com/mdn/webextensions-examples.git synced 2026-04-16 06:18:35 +02:00
Code Issues Packages Projects Releases Wiki Activity

Added comments to apply-css/background.js

Browse Source
This commit is contained in:
Will Bamberg
2016-08-17 11:24:35 -07:00
parent c4b5b841f1
commit c3eff787af
1 changed files with 16 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

17
apply-css/background.js
View File

@@ -1,8 +1,11 @@
const CSS = "body { border: 20px solid red; }";
const TITLE_APPLY = "Apply CSS";
const TITLE_REMOVE = "Remove CSS";
/*
Toggle CSS: based on the current title, insert or remove the CSS.
Update the page action's title and icon to reflect its state.
*/
function toggleCSS(tab) {
function gotTitle(title) {
@@ -20,18 +23,30 @@ function toggleCSS(tab) {
chrome.pageAction.getTitle({tabId: tab.id}, gotTitle)
}
/*
Initialize the page action: set icon and title, then show.
*/
function initializePageAction(tabId) {
chrome.pageAction.setIcon({tabId, path: "icons/off.svg"});
chrome.pageAction.setTitle({tabId, title: TITLE_APPLY});
chrome.pageAction.show(tabId);
}
/*
When first loaded, initialize the page action for all tabs.
*/
chrome.tabs.query({}, (tabs)=> {
for (tab of tabs) {
initializePageAction(tab.id);
}
});
/*
Each time a tab is updated, reset the page action for that tab.
*/
chrome.tabs.onUpdated.addListener(initializePageAction);
/*
Toggle CSS when the page action is clicked.
*/
chrome.pageAction.onClicked.addListener(toggleCSS);