Is there any way to load a local Js file dynamically ?

Question

Hey,

 

I want to load a Local Js file dynamically in https://web.whatsapp.com/.

 

My Project Folder Structure is....

I have tried to do it using following....

 

manifest.json file

{

"name": "Assignment 1.1",

"manifest_version": 2,

"version": "1.0",

"web_accessible_resources": ["jquery-3.1.1.min.js", "test.js"]

}

 

test.js file

$(document).ready(function () {

jQuery.fn.outerHTML = function () {

return jQuery('

').append(this.eq(0).clone()).html();

};

var html = $("html").outerHTML();

alert(html);

});

 

My Created Extension in Chrome Browser.....

 

Error in Console while injecting a Js file....

 

Error message:- Denying load of chrome-extension://cgcghfdjhjcplknknigoklaleahdfllp/. Resources must be listed in the web_accessible_resources manifest key in order to be loaded by pages outside the extension.

 

<script src="chrome-extension://cgcghfdjhjcplknknigoklaleahdfllp/"></script>

 

GET chrome-extension://invalid/ net::ERR_FAILED 

 

Herewith I am attaching Source Code. Any help would be appreciated.