chrome extension dynamically add javascript
// content script
chrome.runtime.sendMessage({
injectScript : true,
filename:'/scripts/myfile.js'
}, function(response) {
if(response.done) {
//handle something when script is done
}
});
// background script
chrome.runtime.onMessage.addListener(function(message, sender, sendResponse) {
if(message.injectScript){
chrome.tabs.executeScript(sender.tab.id, {file: message.filename}, function() {
sendResponse({ done: true });
});
return true; // Required for async sendResponse()
}
});
4.5
8
//inject another js file from content script w/ callback
function injectScript(file, node,callback) {
var th = document.getElementsByTagName(node)[0];
var s = document.createElement('script');
s.setAttribute('type', 'text/javascript');
s.setAttribute('src', file);
s.onload = function() {
callback();
};
th.appendChild(s);
}
injectScript(chrome.extension.getURL('myscript.js'), 'body',function(){
//mysript.js is done loading
});
Thank you!
8
0
Are there any code examples left?
New code examples in category Javascript
-
Javascript 2023-04-21 22:52:36
-
Javascript 2022-03-27 22:25:20 javascript download string as file
-
Javascript 2022-03-27 21:40:22 sort numbers in array javascript
-
Javascript 2022-03-27 21:20:04 compare two arrays and return the difference javascript
-
Javascript 2022-03-27 21:15:02 javascript regex french phone number
-
Javascript 2022-03-27 21:05:03 cypress custom error message
-
Javascript 2022-03-27 21:00:05 create element javascript with id
-
Javascript 2022-03-27 20:40:57 feather icons react
-
Javascript 2022-03-27 20:20:01 how to make graphql request in axios
-
Javascript 2022-03-27 20:15:07 bootstrap validator password and confirm password