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. GET chrome-extension://invalid/ net::ERR_FAILED Herewith I am attaching Source Code. Any help would be appreciated.

Parth Dave · Answer

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.readywindow.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 Dave · Answer

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 Dautremont · Answer

Have you tried looking at using raw JavaScript instead of jQuery? See here http://www.javascriptkit.com/javatutors/loadjavascriptcss.shtml Or even RequireJS?