Вызов функции страницы из расширения Google Chrome

Question

Как начинающий, я сожалею, что не знаю, как вызвать функцию, определенную в index.html веб-страницы из расширения Google Chrome.

Я хочу изменить два поля вна странице я могу изменить одно поле текстового поля, второе поле выбора, и есть функция jquery, которая вызывается для добавления элементов в поле выбора. Можно вызвать ее из моего расширения.

Мой файл манифеста

{
  "name": "My First Extension",
  "version": "1.0",
  "manifest_version": 2,
  "description": "The first extension that I made.",
  "browser_action": {
    "default_icon": "icon.png"
  },
  "permissions": [
      "tabs", "https://*/*"
    ],
    "content_scripts": [
      {
        "matches": ["https://*/*"],
        "js": ["jquery-1.7.2.min.js","content.js"],
        "run_at": "document_end"
      }
  ]
}

Мой контент.js

var subdist = document.getElementById('ContentPlace');

subdist.value="5673";

Веб-страница: index.php

Функция, которая будет вызываться для обновления поля выбора:

onchange="javascript:setTimeout('__doPostBack(\'ctl00$ContentPlaceHolderMainContent$DropDownVillage\',\'\')', 0)"

Ссылка на: Функция вызова Chrome в скриптах содержимого из background.js

Вызов функции скрипта содержимого для chrome.browserAction.onClicked

Answer 1

С помощью скрипта контента вы можете внедрить тег скрипта в DOM, чтобы получить доступ к переменным и функциям на исходной странице, как объяснено здесь

Как:

var script = document.createElement("script");
script.type="text/javascript";
script.innerHTML = "window.pageFunction(args);"
document.body.appendChild(script);