首页 文章

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

提问于
浏览
4

在浏览Stack Overflow一段时间之后,以及与此主题相关的所有过去的问题之后,我还没有真正找到一个合适的答案/问题来提供类似于我的情况的示例 . 在填写相关的用户名和密码框或填写相关的用户名和密码框后,我基本上需要一个镀铬扩展(点击图标)点击页面上的某些对象/按钮,例如登录按钮填写搜索栏后的搜索引擎(例如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扩展很新,如果有人可以包含他们解释的例子,我将非常感激!提前谢谢了! :)

1 回答

  • 2

    我想你要找的是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())*/
     });
    

相关问题