Question

在浏览Stack Overflow一段时间之后，以及与此主题相关的所有过去的问题之后，我还没有找到一个合适的答案/问题来提供类似于我的情况的例子。我基本上需要一个chrome扩展（点击图标）点击页面上的某些对象/按钮，填写一些相关的表格后，例如填写相关用户名和密码框后的登录按钮，或搜索按钮填写搜索栏后的搜索引擎（例如Google）。

此外，（不直接相关）在扩展程序开始自动执行某些浏览器操作之前，它将打开我要在新页面中编辑的页面，并关闭当前选项卡。如果它有帮助，这里有一些工作代码，我设法到目前为止：

background.js

    chrome.browserAction.onClicked.addListener(function (tab) {
    chrome.tabs.create({
        url: "http://google.com"
    });

    chrome.tabs.getSelected(function (tab2) {
        chrome.tabs.remove(tab.id, function() { });
    });

});

我对Chrome扩展程序非常陌生，如果有人可以包含他们解释的示例，我将非常感激！提前谢谢了！：）

Answer 1

我认为你要找的是content script。内容脚本将注入扩展程序清单文件指定的每个页面中。

内容脚本可以访问它们注入的DOM，因此可以对DOM元素执行操作。下面是一个manifest.json文件的示例摘录，该文件加载了jquery以及内容脚本：

的manifest.json

{
  ...

  "content_scripts": [
    {
      "matches": ["http://www.target-page.com"],
      "scripts": ["https://code.jquery.com/jquery-1.11.2.js", "my-script.js"]
    }
  ]

  ...
  }

content.js

$(document).ready(function() {

   /* Get a reference to your form of interest. */
   var form = $('#form-id");
   /* ... Manipulate the form */

   /* Get a reference to your button of interest. */
   var button = $('#button-id');
   /* ... Manipulate the button (ie button.click())*/
 });

Chrome Automation使用扩展程序;单击按钮并填写表单

1 个答案: