Customize Your Greasemonkey Script Timeout

Question

Customize Your Greasemonkey Script Timeout

At our organization, we utilize the Firefox Greasemonkey addon to automatically enter login credentials on a specific webpage upon opening it.

Here is an example of what the script consists of:

// ==UserScript==
// @name        logon
// @namespace   https://www.example.com
// @include     https://www.example.com
// @version     1
// @grant       none
// @require     http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js
// ==/UserScript== 
$(document).ready(function() {  
$('input[name=username]').val('*****');
$('input[name=passcode]').val('*****');
$('input[name=send]').click(); 
});

After upgrading to Firefox version 70, we noticed that the script no longer enters the login information automatically. We suspect that this may be due to the page loading too slowly and the script running too quickly.

Therefore, we are seeking guidance on how to add a delay to the script so that it waits for 5 seconds after the page loads before executing.

We have tried implementing various examples found online, but have not been successful in getting them to work as intended.

Any assistance with this matter would be highly appreciated!

Thank you

javascript firefox greasemonkey

Answer 1

Answer №1

If your hypothesis for why it is not functioning is accurate, the code provided should work properly. Take note of some additional modifications:

JQuery should be avoided for simple tasks like this. It introduces unnecessary dependencies without much benefit.
Avoid storing passwords in plain text within the script. If you must, consider placing it in a variable for easier access and modification by non-programmers.
Using someinput.form.submit() will submit the form as well, eliminating the need to rely on specific input names (the script will still function if submit button is renamed).

// ==UserScript==
// @name        logon
// @namespace   https://www.example.com
// @include     https://www.example.com
// @version     1
// @grant       none
// @rut-at      document-start
// ==/UserScript== 

const TIMEOUT = 2000;
const NAME = "***";
const PASSWORD = "***";
document.addEventListener("load", function() {
    setTimeout(function() {
        document.querySelector("input[name=username]").value = NAME;
        document.querySelector("input[name=passcode]").value = PASSWORD;
        document.querySelector("input[name=passcode]").form.submit();
    }, TIMEOUT);
});

However, keep in mind that the original script may also have failed due to other reasons beyond what you assume, such as:

Renamed input fields. Use developer tools to examine them and check for any changes in name, class, or ID.
A new framework might be in use that does not read values directly from fields but only updates internal values when typing.

Check the developer console for errors. In the future, when seeking help, make sure to showcase your attempted solutions and where they went wrong, as it can enhance your learning process significantly.

Answer 2

If your hypothesis for why it is not functioning is accurate, the code provided should work properly. Take note of some additional modifications:

JQuery should be avoided for simple tasks like this. It introduces unnecessary dependencies without much benefit.
Avoid storing passwords in plain text within the script. If you must, consider placing it in a variable for easier access and modification by non-programmers.
Using someinput.form.submit() will submit the form as well, eliminating the need to rely on specific input names (the script will still function if submit button is renamed).

// ==UserScript==
// @name        logon
// @namespace   https://www.example.com
// @include     https://www.example.com
// @version     1
// @grant       none
// @rut-at      document-start
// ==/UserScript== 

const TIMEOUT = 2000;
const NAME = "***";
const PASSWORD = "***";
document.addEventListener("load", function() {
    setTimeout(function() {
        document.querySelector("input[name=username]").value = NAME;
        document.querySelector("input[name=passcode]").value = PASSWORD;
        document.querySelector("input[name=passcode]").form.submit();
    }, TIMEOUT);
});

However, keep in mind that the original script may also have failed due to other reasons beyond what you assume, such as:

Renamed input fields. Use developer tools to examine them and check for any changes in name, class, or ID.
A new framework might be in use that does not read values directly from fields but only updates internal values when typing.

Check the developer console for errors. In the future, when seeking help, make sure to showcase your attempted solutions and where they went wrong, as it can enhance your learning process significantly.

Customize Your Greasemonkey Script Timeout

Answer №1

Similar questions

Trouble resolving a timer interruption in JavaScript

What is the best way to discover all available matches?

The undead browser refuses to display a window upon attempting to open using the open function

How can I effectively save data to a session using connect-redis?

How to load MTL files from local storage using Three.js in Chrome

Optimizing CSS With jQuery During Browser Resize

Is there a way to automatically populate textbox values using a MySQL query response when the dropdown selection is changed?

Performing a cross-domain JSON Get request with JQuery

Making asynchronous requests using AJAX

Angular Unit Testing: Executing Multiple expectGET's within a Singular Test

What is the best way to set up an anchor element to execute a JavaScript function when clicked on the left, but open a new page when clicked in

Who needs a proper naming convention when things are working just fine? What's the point of conventions if they don't improve functionality?

VueJS Router error: The variable $route is undefined

Creating a Rails application that dynamically fills a table with data from a

Require assistance in accurately assigning a date to a Date[] in Typescript Array without altering current elements

Formulation, on the other side of the comma

Implementing a redirect following the notification

What is the best way to prevent the use of "******" at the beginning of every line in Javascript/Node Bund

Tips for optimizing mobile performance by loading .obj models into objects on three.js

Trapped in the clutches of the 'Access-Control-Allow-Origin' snag in our Node.js application