从Google Chrome扩展程序调用页面功能

拉胡尔河

作为一个初学者，很遗憾地说我不知道如何从Google chrome扩展名调用网页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(&#39;__doPostBack(\&#39;ctl00$ContentPlaceHolderMainContent$DropDownVillage\&#39;,\&#39;\&#39;)&#39;,&#32;0)"

引用：来自background.js的内容脚本中的Chrome调用函数

在chrome.browserAction.onClicked上调用Content Script函数

克里希·亚达夫（Krrish Yadav）

随着内容的脚本可以解释为在原始页面，以便注入的脚本标记到DOM访问的变量和函数在这里

喜欢：

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

本文收集自互联网，转载请注明来源。

如有侵权，请联系 [email protected] 删除。