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

2019年8月4日 236次阅读

在浏览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扩展非常新,如果有人可以包含他们解释的例子,我将非常感激！提前谢谢了！ 🙂

最佳答案 我认为你要找的是一个
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())*/
 });
点赞