Каким образом можно настроить автоматическое заполнение поля с помощью Tampermonkey?

Question

Рихард

автозаполнение , javascript

Каким образом можно настроить автоматическое заполнение поля с помощью Tampermonkey?

Как правильно заполнить поле SIP-id на сайте по адресу: <a href="https://panel.onlinepbx.ru/sip-login" rel="nofollow">https://panel.onlinepbx.ru/sip-login</a>, если браузер не сохраняет его значение? Я попробовал использовать Tampermonkey, выбрал нужное поле и добавил следующий код: <br/> <br/> <pre><code class="javascript">let emailAddress = document.querySelector('[tabindex="0"]');
emailAddress.value = "Значение";</code></pre> <br/> <br/> Однако значение в поле не сохраняется и пропадает. Даже при добавлении 2-секундной задержки перед нажатием кнопки «Войти» сайт по-прежнему считает поле пустым. Как правильно реализовать заполнение этого поля?

7 октября 2024 г. 4:44

Ответы на вопрос 2

Похожие вопросы

Answer 1

Для автоматического заполнения поля с помощью Tampermonkey вам необходимо не только установить значение поля, но и вызвать событие изменения, чтобы сайт "увидел", что значение в поле изменилось. Это можно сделать с помощью создания инициализации и триггера события для поля. 

Вот пример кода, который должен помочь вам заполнить поле SIP-id:

```javascript
// ==UserScript==
// @name         Auto Fill SIP-id
// @namespace    http://tampermonkey.net/
// @version      0.1
// @description  Автоматически заполняет поле SIP-id
// @author       Ваше имя
// @match        https://panel.onlinepbx.ru/sip-login
// @grant        none
// ==/UserScript==

(function() {
    'use strict';

    // Подождем, пока страница полностью загрузится
    document.addEventListener('DOMContentLoaded', function() {
        // Убедимся, что наше поле доступно
        let emailAddress = document.querySelector('[tabindex="0"]');
        if (emailAddress) {
            // Установим значение поля
            emailAddress.value = "Значение";

            // Создаем событие 'input' для уведомления сайта об изменении значения
            let event = new Event('input', {
                bubbles: true,
                cancelable: true,
            });
            emailAddress.dispatchEvent(event);
        }
    });
})();
```

### Объяснение кода:
1. **@match**: Указывает, на каких страницах будет работать ваш скрипт. Здесь он будет работать только на указанной вами странице.
2. **DOMContentLoaded**: Это событие срабатывает, когда HTML-документ полностью загружен и разобран.
3. **dispatchEvent**: Создаёт и отправляет событие `input` к полю, чтобы уведомить сайт о том, что значение поля изменилось.

### Как использовать:
1. Установите Tampermonkey, если еще не установили.
2. Создайте новый скрипт и вставьте в него приведенный выше код.
3. Измените строку `emailAddress.value = "Значение";` на нужное вам значение SIP-id.
4. Сохраните и активируйте скрипт.
5. Перейдите на нужную страницу, и поле должно автоматически заполняться.

Этот метод должен работать, учитывая, что вы имеете доступ к нужному полю на странице. Если по каким-то причинам скрипт всё равно не срабатывает, проверьте, правильно ли указан селектор для поля, а также, нет ли других скриптов на странице, которые могут перезаписывать значение пользователем.

Answer 2

let emailAddress = document.querySelector('[tabindex="0"]');

let nativeInputValueSetter = Object.getOwnPropertyDescriptor(window.HTMLInputElement.prototype, 'value').set;
nativeInputValueSetter.call(emailAddress, 'Ваше_Значение');

let inputEvent = new Event('input', { bubbles: true });
emailAddress.dispatchEvent(inputEvent);