javascript - gapi 在内容脚本中未定义

Question

我根据谷歌文档在页面加载时运行此代码:

(function() {

    var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
    po.src = 'https://apis.google.com/js/client:plusone.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);

})();

这是我的代码:

gapi.auth.authorize({
    'client_id': 'my_client_id', 
    'immediate': 'false', 
    'response_type':'token', 
    'scope': 'https://www.googleapis.com/auth/userinfo.email'
}, function() {
    console.log(arguments);
});

在控制台中，如果我访问 gapi，我会看到该对象。但是，如果我在该代码块处使用断点，则 gapi 是未定义的。现在，我在这里粘贴的代码是通过内容脚本加载的。如何将 gapi 库加载到内容脚本中？

Answer 1

因为 isolated context 它不起作用.内容脚本无法访问页面上下文中的代码，添加脚本标签会在页面上下文中注入(inject)代码。
当您在页面的 JavaScript 控制台中执行代码时，您是在页面的上下文中执行它。

您可能应该使用 identity API为此目的。