使用chrome扩展名将值插入网页onload的“表单”中

Question

我对javascript和长话短说有点新鲜，我正在尝试使用chrome扩展程序为我的学校登录页面构建自己的自动填充。

查看源代码并创建网页的html文件副本后，我发现用户名框ID为“用户名”，密码框ID为“密码”（谁会猜到？）我跑了一个测试在假的html页面上，我得到它来输入我保存的密码和用户名。但是，当我尝试使用chrome扩展时，它将无法工作。

以下是我的清单和内容脚本的外观：

清单：

`content_scripts": [
    {
        "run_at": "document_idle",
        "matches": ["*://elearn.apsu.edu/*"],
        "js": ["content.js"]
    }
    ],
   "permissions": [
   "activeTab", "tabs", "http://elearn.apsu.edu/", "https://elearn.apsu.edu/"
   ]`

我的content.js文件包含：

`window.onload = function(){ 
document.getElementById("Username").value = "*username*";
document.getElementById("Password").value = "*password*"; };`

我也尝试设置我的内容。这样的内容，但它也没有用：

`document.addEventListener('DOMContentLoaded', info, false);
info = function(){
  document.getElementById("Username").value = "*username*";
  document.getElementById("Password").value = "*password*"; 
};
`

任何人都有一些可能有帮助的建议吗？