Как автоматически заполнить текстовое поле во всплывающем окне с помощью greasemonkey?

Question

Итак, в основном у меня есть текстовое поле со следующими элементами.

// Локаторы элементов для текстового поля следующие:

type = "text" name = "custom_version_ui" value = "" id = "custom_version_ui" placeholder = "" class = "custom-control-form-control-full"

Я хочу автоматически заполнить текстовое поле для "custom_version_ui" указанным значением c. Это текстовое поле присутствует во всплывающем окне и не появляется во время загрузки страницы. (Это происходит, когда я нажимаю кнопку «Добавить результат» на странице, которая отображает всплывающее окно).

URL-адрес страницы не меняется, когда мы нажимаем кнопку «Добавить результат». Есть ли способ автозаполнения таких полей?

Answer 1

Возможным решением будет использование setInterval для поиска поля с момента открытия страницы и его заполнения, если поле найдено:

var getElem = setInterval(()=>{
var elem = document.querySelector("#custom_version_ui");
if (elem){
    elem.placeholder = "specific value";
    clearInterval(getElem);
}
},500);

Другой вариант - добавить EventListener для кнопки Добавить результат и (возможно, с небольшой задержкой) автоматически заполнить текстовое поле.