Question

到目前为止我的代码

manifest.json

  "content_scripts": [
    {
      "matches": [
        "<all_urls>"
      ],
      "js": ["jquery-3.4.1.min.js", "content.js"]
    }
  ]

content.js

var password = $('input:password');
if (password.length > 0) {
    var inputs = $("input");
    var index = inputs.index(password);
    var username = inputs.eq(index - 1);
    console.log({password, username});
}

问题：我只是直接在页面上找到输入字段。如果有登录方式，我将无法实现。怎么也可以扫描输入字段的模式呢？

Answer 1

这是因为最初，模型不是DOM的一部分，但是当您触发一个函数并显示模型弹出窗口时，该模型将注入到DOM中。

因为仅在完全加载DOM或页面时才加载内容脚本。因此，您将无法找出动态添加的元素。为此，您必须使用Mutation Observer。

在这里，您将有一个回调，当在DOM中添加新元素时将调用该回调。那就是显示您的弹出窗口的时间。在该回调中，您可以调用一个函数，该函数将根据您的要求提取所有HTML元素。

chrome-extension在模式中查找登录

1 个答案: