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

Parth Dave

9y3.3kWeb Development

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.

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

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

3 Replies

Know the answer? Post it — somebody with the same question will find it here.

Parth Dave9y ago
In a case of Whatsapp Web, some of the Dom elements are loading dynamically which can't read using my customize Js file.
Would you please suggest me where should I put my jQuery Code (Under Which Event)? I have already tried to put under document.ready,window.load and window.bind but I can't get the desired output.

jQuery.fn.outerHTML = function() {
return jQuery('
').append(this.eq(0).clone()).html();
};

setTimeout($(window).load(function() {
var html = $("html").outerHTML();
alert(html);
}), 3000);
Parth Dave9y ago
Thanks Nicholas for your reply.

I can write following code in .js file and can store it at my local machine. But from where should I call loadjscssfile("myscript.js", "js"); function as I want to load my local Js file in https://web.whatsapp.com/ page and I don't have its source code on my local machine. Please suggest me the steps.
Nicholas Dautremont9y ago
Have you tried looking at using raw JavaScript instead of jQuery?

See here http://www.javascriptkit.com/javatutors/loadjavascriptcss.shtml

Or even RequireJS?