如何制作Chrome扩展程序,自动登录我的大学登录页面?

时间:2013-09-18 18:58:21

标签: javascript google-chrome

每次我必须访问网络时我首先必须登录我的大学登录页面,我怎么能绕过它,我设法写了一个chrome扩展名,它会自动填写我在页面上的用户名和密码,但我怎样才能浏览器为我点击登录按钮?关于此的任何资源/想法/建议读数?

3 个答案:

答案 0 :(得分:3)

使用Chrome"保存用户名和密码"特征?好的,你不想这样做。

找到表单并提交。

如果表单有ID,请按ID查找:

var form = document.getElementById('id');
form.submit();

如果没有,也许页面上只有一个表单,所以您可以按如下方式找到它:

var form = document.getElementsByTagName('form')[0];
form.submit();

如果这也不起作用,那么您可以使用用户名输入来查找其包含的表单。我假设你有一个用户名输入的引用,因为你说你可以为它填写一个值:

// Assume variable 'usernameInput' points to the username input element.
var form;
var p = usernameInput.parentNode;
while (p) {
    if (p.nodeName.toLowerCase() == 'form') {
        form = p;
        break;
    }
}

if (form) {
    form.submit();
}

ETC。

您还可以查找“提交”按钮,然后单击它。

var myButton = document.getElementById('submitButton');
myButton.click();

我在点击或提交内容脚本方面取得了成功。也许导入jQuery搞砸了 - 我不确定。所以我发现自己明确地发送了这个gem的鼠标事件(根据需要调整其他事件类型):

function clickElement(el) {
    el.css('background-color', '#FFFF00');
    el = $(el).get(0);
    var evt = document.createEvent('MouseEvents');
    evt.initMouseEvent('click', true, true, document, 1, 0, 0, 0, 0, false, false, false, false, 0, null);
    el.dispatchEvent(evt);
}

答案 1 :(得分:0)

在按钮元素上使用.click()方法,或在表单元素上使用.submit()方法。

答案 2 :(得分:0)

使用"密码框"添加在。 您可以下载Chrome网络应用商店。 插件在右上角添加了另一个按钮,如果你点击它,你可以点击添加新页面或类似的东西,然后你只需输入你的用户名和密码!

我接下来做的是在chrome的设置中我将登录页面添加为当我打开chrome时自动打开的页面,因此密码框会自动输入用户名和密码,然后您重新登录! 因此,在您完成所有操作后,您只需打开浏览器即可登录!