從谷歌瀏覽器擴展調用頁面功能

Question

作為初學者，我很遺憾地說我不知道​​如何從谷歌瀏覽器擴展程序調用在網頁 index.html 中定義的函數。

我想更改頁面中的兩個字段我可以更改一個文本框字段，第二個是選擇框，並且有一個 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"
      }
  ]
}

我的 content.js

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

subdist.value="5673";

網頁：index.php

要調用以更新選擇框的函數是：

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

參考： 來自 background.js 的內容腳本中的 Chrome 調用函數

在 chrome.browserAction.onClicked 上調用內容腳本函數

Answer 1

隨着內容的腳本可以解釋為在原始頁面，以便注入的腳本標記到DOM訪問的變量和函數在這里

喜歡 ：

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