CODEWITHSUNDEEP
javascriptgoogle-chromegoogle-chrome-extension
d9120
d9120

Reputation: 511

Cannot make use of API functions in chrome extension

I am making a chrome extension and I would like to make use of a third party API but I am running into some issues and I've been stuck on this problem for a while...

Problem:

I cannot make use of the functions in the API even though the chrome Dev tool says that the API was loaded successfully.

I've tried to load the API at different times to see if that would make a difference but it doesn't seem to.

I've used the API successfully in a basic web page. But I cannot seem to get it working in the content script of the extension.

Here's the code to load the API:

(function() {
    var scr = document.createElement('script');
    scr.type = 'text/javascript';
    scr.src = 'someurl';
    var s = document.getElementsByTagName('script')[0];
    s.parentNode.insertBefore(scr, s);
})();

Manifest:

 "content_security_policy": "script-src 'self' someurl; object-src 'self'"

I've also done the tutorial that Google offers on how to use Google Analytics within an extension because I thought it would be relevant. But no luck. Any guidance would be appreciated.

Upvotes: 0

Views: 79

Answers (1)

Xan
Xan

Reputation: 77571

You are injecting the API into the context of the webpage when you append a script tag; your content script remains isolated from it.

To circumvent that, one possible solution is to also append some of your code, that would then talk to your extension, either through DOM or through external messages

Upvotes: 1

Related Questions