Resources must be listed in the web_accessible_resources manifest key in order to be loaded by pages outside the extension

Question

I have tried many ways( all documented procedures)to inject script into a specific page upon checking URL at onUpdated.addListener. Finally the below code with 'executescript' seems to work, but not perfectly. I could able to get alerts but can not able to find document elements of the page through getElementById/getElementsByName. When I inspected the page, script is injected. But in error console I get: Denying load of chrome-extension://jfeiadiicafjpmaefageabnpamkapdhe/js/Leoscript.js. Resources must be listed in the web_accessible_resources manifest key in order to be loaded by pages outside the extension. Manifest.json: ``` { "name": "Leo Extension for Job Boards", "version": "1.6", "manifest_version": 2, "content_security_policy": "script-src 'self'; object-src 'self'", "description": "Leo Extension", "background": { "scripts": ["js/Leojshelper.js"], "persistent": true }, "content_scripts": [ { "matches": ["<all_urls>"], "js": ["js/eventPage.js"], "run_at" : "document_start" } ]…

Accepted Answer

UPDATE: Finally figured out your problem. In eventPage.js, you tried to inject js/Leoscript.js, which is NOT whitelisted, instead of js/LeoScript.js (with a capital 'S'), which is whitelisted. Note that URLs are case-sensitive!

```
chrome.tabs.executeScript(tabId, {file: 'js/LeoScript.js'});
```

LeoScript.js:

```
alert('injected');
document.getElementById('username').value='aaaaaaa';
```

Resources must be listed in the web_accessible_resources manifest key in order to be loaded by pages outside the extension

Solution

Problem