javascript - 从谷歌浏览器扩展调用页面功能

Question

作为初学者，很抱歉我不知道如何从 google chrome 扩展调用网页 index.html 中定义的函数。

我想更改页面中的两个字段我可以更改一个文本框字段，第二个是一个选择框并且有一个 jquery 函数可以调用以在选择框中添加项目。是否可以调用它来 self 的分机。

我的 list 文件

{
  "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)"

引用:Chrome call function in content scripts from background.js

Calling Content Script function on chrome.browserAction.onClicked

Answer 1

使用内容脚本，您可以将脚本标记注入(inject) DOM 以访问原始页面中的变量和函数，如 here 所述。

喜欢:

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