Greasemonkey：如何自动填写登录表单？

Question

I want to auto fill my login form on ( https://my.evon-home.com/login.html ).

I am using Greasemonkey and I wrote a little Javascript. But it is not working.

Here is my JS code:

// ==UserScript==
// @name     user
// @namespace  https://my.evon-home.com/login.html
// @version  1
// @grant    none
// ==/UserScript==
document.getElementById("relayid").value = "123"
document.getElementById("user").value = "test";
document.getElementById("password").value = "test"

Answer 1

Wait for the page to load. Try this

window.addEventListener('load', function() {
    document.getElementById("relayid").value = "999"
    document.getElementById("user").value = "demo";
    document.getElementById("password").value = "demo"
}, false);

If you want to submit the form then you can use the form's selector and then submit it.

window.addEventListener('load', function() {
    document.getElementById("relayid").value = "999"
    document.getElementById("user").value = "demo";
    document.getElementById("password").value = "demo"

    document.getElementsByClassName('form')[0].submit()
}, false);

Answer 2

It seems to me that adding the listener does not work properly on Violentmonkey with IceRaven (on Android). One could instead use the @run-at metablock (cf. https://wiki.greasespot.net/Metadata_Block#.40run-at ) which seems to work cross-platform and cross-plugin:

// ==UserScript==
// @name     user
// @namespace  https://my.evon-home.com/login.html
// @version  1
// @run-at   document-end
// @grant    none
// ==/UserScript==
document.getElementById("relayid").value = "123"
document.getElementById("user").value = "test";
document.getElementById("password").value = "test"