Databases
StackOverflow2013
Postsdbo
POChrome extension background page html not working
 

Note that there are some explanatory texts on larger screens.

plurals
  1. POChrome extension background page html not working
    primarykey
    data
    text
    <p>I am trying to understand chrome background pages. I managed to get background.js script running after cannibalizing on the of examples and it pops up with an alert box every time a user visits a page. However, when I take the same script and move it to a background.html file, I cannot seem to get the file to execute.</p> <p>I have updated the the manifest file to a page (instead of script) and the extension loads fine. I have also tried playing around with either having the javascript in a script tag directly in the body or in a function as it is now that is called onload on the body or in the head.</p> <p>Perhaps I don't understand the concept of what a background.html page is used for in a Chrome extension?</p> <p>Manifest file:</p> <pre><code>{ "name": "Testing Extension", "version": "0.2", "background": { "pages": ["background.html"] }, "permissions": [ "tabs", "https://mail.google.com/*", "http://*/*, https://*/*" ], "browser_action": { "name": "Do some action", "icons": ["icon.png"] }, "manifest_version": 2, "web_accessible_resources": ["injectImage.js", "background.html"] } </code></pre> <p>injectImage.js</p> <pre><code>alert('Got Here'); 'use strict'; chrome.browserAction.onClicked.addListener(function (tab) { chrome.tabs.executeScript(null, {file: "injectImage.js"}); }); chrome.browserAction.setBadgeBackgroundColor({color: [0, 200, 0, 100]}); var i = 0; window.setInterval(function () { chrome.browserAction.setBadgeText({text: String(i)}); i++; }, 10); </code></pre> <p>background.html</p> <pre><code>&lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;script src="jquery-1.8.0.min.js"&gt;&lt;/script&gt; &lt;script src="injectImage.js"&gt;&lt;/script&gt; &lt;/head&gt; &lt;body&gt; &lt;/body&gt; &lt;/html&gt; </code></pre> <p>currently this code doesn't seem to do anything other than put an icon in the top right corner.</p>
    singulars
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. PTQuestion
    1. USZenBalance
    1. USZenBalance
    plurals
    1. PL
      singulars
      1. LTLinked
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. PO
      singulars
      1. PTAnswer
    2. PO
      singulars
      1. PTAnswer
    1. VO
      singulars
      1. POChrome extension background page html not working
      1. This table or related slice is empty.
      1. VTUpMod
    1. COInline scripts (and inline event handlers) are not executed due to the Content Security Policy. To solve it, read the documentation of the [CSP](http://code.google.com/chrome/extensions/contentSecurityPolicy.html#H2-3).
      singulars
      1. POChrome extension background page html not working
      1. USRob W
    2. COpossible duplicate of [Communication between ContentScript.js and Chrome Extension](http://stackoverflow.com/questions/10416594/communication-between-contentscript-js-and-chrome-extension)
      singulars
      1. POChrome extension background page html not working
      1. USRob W
    3. COI read through the CSP. I moved the js to a separate file and put the script tags in the head and removed the init() wrapper. However, even if I change to manifest version 1 it still is not running. Is this because the code above doesn't have access to the browser button?
      singulars
      1. POChrome extension background page html not working
      1. USZenBalance
 

Querying!

 
Guidance
A row detail

Detail views are divided into sections. All the information in the data section comes from columns in the selected row. The other sections display data from other, related rows.

Related data can be related in a to-one or a to-many fashion. Captions of data related in a to-many fashion link to a list view showing a filtered view of the table.

Try moving around until you find a non-empty to-many entry and click on the label to get to one. You can move back to the root by clicking on the database name in the header.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload