Загрузка внешнего javascript в расширение google chrome

Я пишу расширение Google Chrome, которое управляет текущей страницей (в основном добавляет кнопку).

В моем содержании script я хочу загрузить API-интерфейс Facebook:

$fbDiv = $(document.createElement('div')).attr('id', 'fb-root');
$fbScript = $(document.createElement('script')).attr('src', 'https://connect.facebook.net/en_US/all.js');
$(body).append($fbDiv);
$(body).append($fbScript);

console.log("fbScript: " + typeof $fbScript.get(0));
console.log("fbScript parent: " + typeof $fbScript.parent().get(0));
console.log("find through body: " + typeof $(body).find($fbScript.get(0)).get(0));

Однако script, похоже, не добавляется к body. Здесь журнал консоли:

fbScript: object
fbScript parent: undefined
find through body: undefined

Любые идеи о том, что я делаю неправильно?

Ответы

Ответ 1

Проблема заключается в том, что JavaScript внутри скриптов содержимого работает в собственной изолированной среде и имеет доступ только к другому JavaScript, который был загружен одним из двух способов:

Через манифест:

{
  "name": "My extension",
  ...
  "content_scripts": [
    {
      "js": ["https://connect.facebook.net/en_US/all.js"]
    }
  ],
  ...
}

Или используя Программируемая инъекция:

/* in background.html */
chrome.browserAction.onClicked.addListener(function(tab) {
    chrome.tabs.executeScript(null,
                       {file:"https://connect.facebook.net/en_US/all.js"});
});

Обязательно обновите разрешения манифеста:

/* in manifest.json */
"permissions": [
    "tabs", "https://connect.facebook.net"
 ],

Добавление тега script будет фактически оценивать JavaScript в контексте содержащей страницы за пределами изолированной программной среды JavaScript, к которой у вашего JavaScript есть доступ.

Кроме того, поскольку FB script требует, чтобы "fb-root" находился в DOM, вам, вероятно, потребуется использовать программный подход, чтобы вы могли сначала обновить DOM с помощью элемента, а затем передать сообщение обратно на фоновое изображение, чтобы загрузить Facebook script, чтобы он был доступен для JavaScript, загружаемого в скрипты содержимого.

Ответ 2

Расширения Google Chrome больше не позволяют напрямую вводить внешний код, но вы все равно можете загрузить код с помощью вызова Ajax и передать его инжектору, как если бы это был кодовый блок.

chrome.tabs.query({active: true, currentWindow: true}, function(tabs) {
    $.get("http://127.0.0.1:8000/static/plugin/somesite.js", function(result) {
        chrome.tabs.executeScript(tabs[0].id, {code: result});
    }, "text");
});

источник: fooobar.com/info/257934/...