Расширение для Яндекс браузера

@Ципихович Эндрю · Регистрация: 10.04.2009

Студворк — интернет-сервис помощи студентам

здравствуйте не уверен, что в ту ветку пишу, посему уважаемы модераторы можете перезалить топик в нужную ветку
Предположим в буфере обмена находится текст:
«тема письма*I:\ТЗ.txt*8111@mail.ru, 8222@mail.ru»
То есть в буфере находятся тема письма, путь к файлу, который нужно приложить к письму и емейл адрес или адреса разделённые запятой, куда нужно отправить письмо или письма.
Задача: пользователь заходит в Яндекс браузер в свой почтовый ящик, нажимает кнопку «Написать» и всё то, что имеется в буфере обмена нужно, чтобы автоматически сделалось – заполнились поля: Кому, Тема и приложился указанный файл, чтобы осталось пользователю только нажать кнопку «Отправить», как это сделать?
То есть я захожу в свою почту, нажимаю кнопку «Написать» - это событие, ПО должно проверить есть ли в буфере обмена строка удовлетворяющая требованиям, в данном случае наличие двух знаков "*", если есть, тогда действовать согласно требуемого сценария
видимо нужно написать расширение для браузера, чтобы поддерживало Яндекс браузер или уже есть готовые? Попытался использовать Violentmonkey, установил, создал скрипт

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
// ==User Script==
 
// @name         Auto Fill Yandex Mail
 
// @namespace    http://tampermonkey.net/
 
// @version      0.1
 
// @description  Автоматически заполняет поля в Яндекс Почте из буфера обмена
 
// @author       Ваше имя
 
// @match        https://mail.yandex.ru/*
 
// @grant        clipboardRead
 
// ==/User Script==
 
 
(function() {
 
    'use strict';
 
 
    // Добавляем слушатель события на кнопку "Написать"
 
    document.addEventListener('click', async function(event) {
 
        if (event.target.classList.contains('mail-ComposeButton')) {
 
            try {
 
                // Получаем текст из буфера обмена
 
                const text = await navigator.clipboard.readText();
 
 
 
                // Проверяем наличие двух знаков "*"
 
                if (text.split('*').length - 1 === 2) {
 
                    const parts = text.split('*');
 
                    const emailSubject = parts[0]; // Тема письма
 
                    const filePath = parts[1]; // Путь к файлу (не используется в этом примере)
 
                    const emailAddresses = parts[2]; // Емейлы
 
 
                    // Заполняем поля "Кому" и "Тема"
 
                    document.querySelector('input[name="to"]').value = emailAddresses;
 
                    document.querySelector('input[name="subject"]').value = emailSubject;
 
 
                    // Здесь можно добавить логику для прикрепления файла, если это необходимо
 
                    console.log("Поля заполнены!");
 
                } else {
 
                    console.log("Содержимое буфера обмена не удовлетворяет требованиям.");
 
                }
 
            } catch (err) {
 
                console.error("Ошибка при доступе к буферу обмена: ", err);
 
            }
 
        }
 
    });
 
})();

но получил сообщение от расширения "Неверный скрипт! Безымянный" и чтобы Не гадать, лучше спросить, спасибо
и почему он Безымянный, когда сказано: @name Auto Fill Yandex Mail

@Ципихович Эндрю · 20.01.2025, 10:20 **[ТС]**

diadiavova, здравствуйте, спасибо за помощь в топике, много чего переосмыслил, решил сделать другой подход))
использовал джипити, он естественно он лагает

@Ципихович Эндрю · 20.01.2025, 14:21 **[ТС]**

здравствуйте, мне нужно расширение для Яндекс браузера, оно должно работать на странице: https://mail.yandex.ru/* знак «*» - значит любое продолжение, его функционал:
после нажатия кнопки «Прикрепить файлы с компьютера» по умолчанию появляется форма «Открытие» и после выбора файла или файлов пользователем они прикрепляются к письму, ещё нужно добавить, чтобы в тему письма добавилось название файла, если этих файлов будет 2, тогда нужно, чтобы в тему письма добавились оба названия этих файлов с пробелом между названиями, если среди них будет файл с названием «Сопроводительное письмо*» где знак «*» - значит любое продолжение, тогда это название файла в тему поместить вторым.
как подправить код:

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
// Функция для обработки прикрепления файлов
function handleFileAttachment(event) {
    const input = document.createElement('input');
    input.type = 'file';
    input.multiple = true;
 
    input.addEventListener('change', (e) => {
        const files = Array.from(e.target.files);
        const fileNames = files.map(file => file.name);
        const subjectField = document.querySelector('input[name="subject"]');
 
        // Проверяем, существует ли поле "Тема"
        if (subjectField) {
            // Очищаем текущее значение темы
            subjectField.value = '';
 
            // Добавляем названия файлов в тему письма
            subjectField.value += fileNames.join(' ');
 
            // Проверяем наличие файла "Сопроводительное письмо"
            if (fileNames.some(name => name.startsWith('Сопроводительное письмо'))) {
                const index = fileNames.indexOf('Сопроводительное письмо');
                const [coverLetter] = fileNames.splice(index, 1);
                fileNames.unshift(coverLetter); // Перемещаем его на первое место
            }
 
            // Обновляем тему с учетом порядка
            subjectField.value = fileNames.join(' ');
        }
 
        // Прикрепляем файлы к письму
        const fileInput = document.querySelector('input[type="file"]');
        if (fileInput) {
            const dataTransfer = new DataTransfer();
            files.forEach(file => dataTransfer.items.add(file));
            fileInput.files = dataTransfer.files; // Устанавливаем файлы в input
        }
    });
 
    // Запускаем выбор файла
    input.click();
}
 
// Добавляем обработчик события на кнопку "Прикрепить файлы"
const attachButton = document.querySelector('button[title="Прикрепить файлы с компьютера"]');
if (attachButton) {
    attachButton.addEventListener('click', (event) => {
        event.preventDefault(); // Предотвращаем стандартное поведение кнопки
        handleFileAttachment(event);
    });
}

спасибо
он и в тему названия файла не вставляет так ещё и вордовсие файлы пытается открыть после нажатия на форме "Открытие" кнопки "Открыть"
спасибо

@gogolik · 20.01.2025, 15:19

Комментарий модератора

Ципихович Эндрю, не нужно плодить темы. У вас уже есть тема, где вы ведёте обсуждение своего расширения.

@Ципихович Эндрю · 21.01.2025, 11:53 **[ТС]**

код

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
// файл content.js
// Получаем манифест расширения
const manifest = chrome.runtime.getManifest();
 
window.onload = () => {
    // Проверяем, загружено ли расширение
    if (manifest && manifest.name) {
        alert("Расширение «" + manifest.name + "» загружено и работает!");
        
        // Создаем наблюдатель
        const observer = new MutationObserver((mutationsList) => {
            console.log("Изменения в DOM обнаружены:", mutationsList);
            
            // Проверяем наличие кнопки "Написать" при каждом изменении в DOM
            const writeButton = document.querySelector("a[href='#compose']"); // Нужен правильный селектор
            if (writeButton && !writeButton.dataset.listenerAdded) {
                writeButton.addEventListener('click', function() { 
                    alert('Кнопка «Написать» нажата!');
                    
                    // Ищем кнопку с изображением скрепки "Прикрепить файлы с компьютера"
                    const attachButton = document.querySelector('input[type="file"]'); // Ищем <input type="file">
                    if (attachButton) {
                        alert("Кнопка «Прикрепить файлы с компьютера» найдена!");
                        attachButton.addEventListener("change", function () {
                            alert("Файлы выбраны!");
                        });
                    } else {
                        alert("Кнопка «Прикрепить файлы с компьютера» НЕ найдена, далее программа выполняться НЕ будет!");
                        return; // Завершаем выполнение скрипта
                    }
                });
                writeButton.dataset.listenerAdded = true; // Устанавливаем флаг, что обработчик добавлен
            } else if (!writeButton) {
                alert('Кнопка «Написать» не найдена на странице, далее программа выполняться НЕ будет!');
                return; // Завершаем выполнение скрипта
            }
        });
 
        // Начинаем наблюдение за изменениями в DOM
        observer.observe(document.body, { childList: true, subtree: true });
        alert("Наблюдение за DOM запущено!");
    } else {
        alert("Расширение «" + manifest.name + "» НЕ работает, далее программа выполняться НЕ будет!");
        return; // Завершаем выполнение скрипта
    }
 
    // Проверяем, успешно ли запущено наблюдение
    if (!document.body) {
        alert("Наблюдение за DOM НЕ запущено, далее программа выполняться НЕ будет!");
        return; // Завершаем выполнение скрипта
    }
};

получаю сообщение
"Кнопка «Прикрепить файлы с компьютера» НЕ найдена"
ЧЯДНТ? спасибо

@diadiavova · 22.01.2025, 07:55

Сообщение от Ципихович Эндрю

получаю сообщение
"Кнопка «Прикрепить файлы с компьютера» НЕ найдена"
ЧЯДНТ? спасибо

Здесь не нужно постоянно проверять наличие кнопки "Написать". Это нужно делать один раз после загрузки страницы. А вот что касается объектов, появляющихся после нажатия кнопки, вот их нужно искать не сразу, поскольку форма редактирования создается динамически и вот как раз здесь уже нужно выполнять такую проверку. Кроме того, если у тебя при каждом изменении документа на кнопку вешается обработчик клика, то срабатывать при каждом клике он будет ровно столько раз сколько ты его повесил и очень скоро начнутся жуткие тормоза.
Тут нужно либо для поиска кнопки "Написать" использовать отдельный обсервер, либо при изменении проверять найдена ли кнопка ранее(для этого придется создать отдельный флажок). А вот что касается поиска объектов в редакторе письма, то, поскольку он каждый раз создается новый, то и делать это надо в обработчике изменения документа, а не в обработчике клика, поскольку после клика нужно еще время для создания объекта, а если ты его ищешь до того, как он создан, то и результат соответствующий.

@Ципихович Эндрю · 22.01.2025, 09:31 **[ТС]**

diadiavova, подскажите вроде работает:

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
// файл content.js
// Получаем манифест расширения
const manifest = chrome.runtime.getManifest();
window.onload = () => {
    // Проверяем, загружено ли расширение
    if (manifest && manifest.name) {
        // Флаг для отслеживания добавления обработчика клика
        let writeButtonListenerAdded = false;
        // Создаем наблюдатель для кнопки "Написать"
        const writeButtonObserver = new MutationObserver((mutationsList) => {
            const writeButton = document.querySelector("a[href='#compose']"); // Нужен правильный селектор
            if (writeButton && !writeButtonListenerAdded) {
                writeButton.addEventListener('click', function() {
                    // Создаем наблюдатель для кнопки "Прикрепить файлы с компьютера"
                    const attachButtonObserver = new MutationObserver((mutationsList) => {
                    const attachButton = document.querySelector("input[type='file']"); // Нужен правильный селектор
                        if (attachButton) {
                            alert(`Кнопка «Прикрепить файлы с компьютера» найдена! Селектор кнопки: input[type='file']`);
                            attachButton.addEventListener("change", function() {
                            alert("Файлы выбраны!");
                            });
                            attachButtonObserver.disconnect(); // Останавливаем наблюдение после нахождения кнопки
                        }
                    });
                    // Начинаем наблюдение за изменениями в DOM для кнопки "Прикрепить файлы с компьютера"
                    attachButtonObserver.observe(document.body, { childList: true, subtree: true });
                });
                writeButtonListenerAdded = true; // Устанавливаем флаг, что обработчик добавлен
            }
        });
        // Начинаем наблюдение за изменениями в DOM для кнопки "Написать"
        writeButtonObserver.observe(document.body, { childList: true, subtree: true });
    } else {
        alert("Расширение «" + manifest.name + "» НЕ работает, далее программа выполняться НЕ будет!");
        return; // Завершаем выполнение скрипта
    }
    // Проверяем, успешно ли запущено наблюдение
    if (!document.body) {
        alert("Наблюдение за DOM НЕ запущено, далее программа выполняться НЕ будет!");
        return; // Завершаем выполнение скрипта
    }
};

а как по степени надёжности?

@diadiavova · 22.01.2025, 09:53

Сообщение от Ципихович Эндрю

а как по степени надёжности?

При беглом осмотре каких-то серьезных проблем я не заметил, хотя сам бы сделал немного иначе.
Коль скоро ты создаешь два разных обсервера, то можно было обойтись без флага. То есть тот обсервер, который ожидает появления кнопки "Написать", после ее появления можно отключить окончательно. А вот обсервер, который ожидает появления редактора письма лучше вывести на верхний уровень. И когда он нужен запускать его и отключать после того как отработал. У тебя при каждом клике создается новый экземпляр. Не критично, но как-то выглядит не очень. То есть по идее логику можно вообще сильно упростить:
Создаешь два обсервера на верхнем уровне, первый запускаешь сразу и ждешь появления кнопки, на которую вешаешь обработчик, после чего отключаешь обсервер окончательно. В обработчике клика запускаешь второй обсервер. А уже в его коллбэке находишь что нужно и отключаешь отслеживание. При следующем клике вместо создания нового обсервера включаешь существующий. В результате нет глубоко вложенных конструкций, не создаются лишние объекты и логика упрощается. Ну и как результат - чем проще логика, тем надежнее код.

@Ципихович Эндрю · 22.01.2025, 09:59 **[ТС]**

Сообщение от Ципихович Эндрю

вроде работает

рано порадовался, потому как глаз замылился, по факту в момент отображения алерта Кнопка «Прикрепить файлы с компьютера» найдена! Селектор кнопки...
она НЕ найдена, как только я у алерта нажму "Закрыть" она появится, мелочь, а неприятно, то есть показанный алерт НЕ соответствует действительности

Добавлено через 1 минуту

Сообщение от diadiavova

логику можно вообще сильно упростить:
Создаешь два обсервера на верхнем уровне, первый запускаешь сразу и ждешь появления кнопки, на которую вешаешь обработчик, после чего отключаешь обсервер окончательно. В обработчике клика запускаешь второй обсервер. А уже в его коллбэке находишь что нужно и отключаешь отслеживание. При следующем клике вместо создания нового обсервера включаешь существующий. В результате нет глубоко вложенных конструкций, не создаются лишние объекты и логика упрощается. Ну и как результат - чем проще логика, тем надежнее код.

и тогда решится сказанное в посту № 88?

@diadiavova · 22.01.2025, 10:01

Сообщение от Ципихович Эндрю

и тогда решится сказанное в посту № 88?

Я же смотрю на это не пробуя. Так что не могу сказать. И логику описал примерно. Но если это сделать, то там и проблемы выявлять проще будет.

@Ципихович Эндрю · 22.01.2025, 10:20 **[ТС]**

Сообщение от diadiavova

по идее логику можно вообще сильно упростить:
Создаешь два обсервера на верхнем уровне, первый запускаешь сразу и ждешь появления кнопки, на которую вешаешь обработчик, после чего отключаешь обсервер окончательно. В обработчике клика запускаешь второй обсервер. А уже в его коллбэке находишь что нужно и отключаешь отслеживание. При следующем клике вместо создания нового обсервера включаешь существующий. В результате нет глубоко вложенных конструкций, не создаются лишние объекты и логика упрощается. Ну и как результат - чем проще логика, тем надежнее код.

так:

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
// файл content.js
// Получаем манифест расширения
const manifest = chrome.runtime.getManifest();
 
window.onload = () => {
    // Проверяем, загружено ли расширение
    if (manifest && manifest.name) {
        // Создаем наблюдатель для кнопки "Написать"
        const writeButtonObserver = new MutationObserver((mutationsList) => {
            const writeButton = document.querySelector("a[href='#compose']"); // Нужен правильный селектор
            if (writeButton) {
                writeButton.addEventListener('click', function() {
                    // Запускаем наблюдатель для кнопки "Прикрепить файлы с компьютера"
                    attachButtonObserver.observe(document.body, { childList: true, subtree: true });
                });
                writeButtonObserver.disconnect(); // Отключаем наблюдатель после нахождения кнопки
            }
        });
 
        // Создаем наблюдатель для кнопки "Прикрепить файлы с компьютера"
        const attachButtonObserver = new MutationObserver((mutationsList) => {
        const attachButton = document.querySelector("input[type='file']"); // Нужен правильный селектор
            if (attachButton) {
                alert(`Кнопка «Прикрепить файлы с компьютера» найдена! Селектор кнопки: input[type='file']`);
                // attachButton.addEventListener("change", function() {
                // alert("Файлы выбраны!");
                });
                attachButtonObserver.disconnect(); // Отключаем наблюдатель после нахождения кнопки
            }
        });
 
        // Начинаем наблюдение за изменениями в DOM для кнопки "Написать"
        writeButtonObserver.observe(document.body, { childList: true, subtree: true });
    } else {
        alert("Расширение «" + manifest.name + "» НЕ работает, далее программа выполняться НЕ будет!");
        return; // Завершаем выполнение скрипта
    }
 
    // Проверяем, успешно ли запущено наблюдение
    if (!document.body) {
        alert("Наблюдение за DOM НЕ запущено, далее программа выполняться НЕ будет!");
        return; // Завершаем выполнение скрипта
    }
};

??
2

Сообщение от Ципихович Эндрю

по факту в момент отображения алерта Кнопка «Прикрепить файлы с компьютера» найдена! Селектор кнопки...
она НЕ найдена, как только я у алерта нажму "Закрыть" она появится, мелочь, а неприятно, то есть показанный алерт НЕ соответствует действительности

НЕ решилось))

@diadiavova · 22.01.2025, 10:46

Сообщение от Ципихович Эндрю

НЕ решилось))

Кнопка найдена, но не отобразилась. Попробуй вместо алерта клик выполнить, увидишь, что появился диалог.
Вот я тут написал примерно что имел в виду и это работает, хотя алерт тоже появляется несколько раньше

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
const writeButtonObserver = new MutationObserver(function(mutationList){
  const writeButton = document.querySelector("a[href='#compose']");
  if(writeButton){
    writeButton.addEventListener("click", writeButton_click);
    writeButtonObserver.disconnect();
  }
});
writeButtonObserver.observe(document.body,{childList:true, subtree:true});
const editLetterObserver = new MutationObserver(function(mutationList){
  const attachButton = document.querySelector("input[type='file']");
  if(attachButton){
    //alert(`Кнопка «Прикрепить файлы с компьютера» найдена! Селектор кнопки: input[type='file']`);
    attachButton.click();
    editLetterObserver.disconnect();
  }
});
 
function writeButton_click() {
  editLetterObserver.observe(document.body,{childList:true, subtree:true});
}

@voraa · 22.01.2025, 11:40

Вклинюсь

Сообщение от diadiavova

Кнопка найдена, но не отобразилась. Попробуй вместо алерта клик выполнить, увидишь, что появился диалог.

Обсерверы выполняются в микротасках.
Т.е. ситуация такая. Выполняется какой то таск во время которого добавляется кнопка. Срабатывает обсервер и в микротасках после этого таска выполняется функция обсервера. А персчет стилей и рендер страницы (когда кнопка появится на экране) выполняется уже после микротасков. Если нужны какие то действия с уже видимой кнопкой, то их надо перенести в следующий таск, например с помощью setTimeout с нулевой задержкой.

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
        // Создаем наблюдатель для кнопки "Прикрепить файлы с компьютера"
        const attachButtonObserver = new MutationObserver((mutationsList) => {
        const attachButton = document.querySelector("input[type='file']"); // Нужен правильный селектор
            if (attachButton) {
                setTimeOut ( () => {
                    alert(`Кнопка «Прикрепить файлы с компьютера» найдена! Селектор кнопки: input[type='file']`);
                    // attachButton.addEventListener("change", function() {
                    // alert("Файлы выбраны!");
                    //});
                    attachButtonObserver.disconnect(); // Отключаем наблюдатель после нахождения кнопки
                }, 0);
            }
        });

@Ципихович Эндрю · 22.01.2025, 12:17 **[ТС]**

voraa, так:

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
// файл content.js
// Получаем манифест расширения
const manifest = chrome.runtime.getManifest();
// Устанавливает обработчик события load для объекта window
// Код внутри фигурных скобок { ... } будет выполнен
// После того, когда все элементы страницы (включая изображения, стили и другие ресурсы) будут полностью загружены 
window.onload = () => { // 1
    // Проверяем, загружено ли расширение
    if (manifest && manifest.name) { // 2
        // alert("Расширение «" + manifest.name + "» работает!");
 
const writeButtonObserver = new MutationObserver(function(mutationList){
const writeButton = document.querySelector("a[href='#compose']"); // Нужен правильный селектор кнопки "Написать"
  if(writeButton){
    writeButton.addEventListener("click", writeButton_click);
    writeButtonObserver.disconnect(); // Метод disconnect() у объекта MutationObserver используется для остановки наблюдения за изменениями в DOM
  }
});
// Создаём наблюдатель для кнопки "Прикрепить файлы с компьютера"
const attachButtonObserver = new MutationObserver((mutationsList) => {
const attachButton = document.querySelector("input[type='file']"); // Нужен правильный селектор кнопки со скрепкой "Прикрепить файлы с компьютера"
    if (attachButton) {
        setTimeOut ( () => {
        alert(`Кнопка «Прикрепить файлы с компьютера» найдена! Селектор кнопки: input[type='file']`);
        attachButtonObserver.disconnect();}, 0);}}); // Отключаем наблюдатель после нахождения кнопки
    } else { // 2, 3
        alert("Расширение «" + manifest.name + "» НЕ работает, далее программа выполняться НЕ будет!"); return;} // 3 Завершаем выполнение скрипта
}; // 1

увы алерт не отобразился ни рано, ни поздно-молчит как партизан....

@voraa · 22.01.2025, 14:40

Чего то у вас какая то фигня со скобками.
Надо же писать, что бы было понятно, какая открывающая, какой закрывающей соответствует.
Отступы хоть делать.
В 25 строке какой то бред.

@Ципихович Эндрю · 22.01.2025, 15:12 **[ТС]**

Сообщение от voraa

В 25 строке какой то бред

да нет, ошибок там нет, сорри, это по питонячи написано, ну или по ЦЭ, поэтому на форуме скобки залёные.........

Добавлено через 20 минут

Сообщение от voraa

...

ну ок, копипастом воспользовался с вашего поста:

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
// файл content.js
// Получаем манифест расширения
const manifest = chrome.runtime.getManifest();
// Устанавливает обработчик события load для объекта window
// Код внутри фигурных скобок { ... } будет выполнен
// После того, когда все элементы страницы (включая изображения, стили и другие ресурсы) будут полностью загружены 
window.onload = () => { // 1
    // Проверяем, загружено ли расширение
    if (manifest && manifest.name) { // 2
        // alert("Расширение «" + manifest.name + "» работает!");
 
        // Создаем наблюдатель для кнопки "Прикрепить файлы с компьютера"
        const attachButtonObserver = new MutationObserver((mutationsList) => {
        const attachButton = document.querySelector("input[type='file']"); // Нужен правильный селектор
            if (attachButton) {
                setTimeOut ( () => {
                    alert(`Кнопка «Прикрепить файлы с компьютера» найдена! Селектор кнопки: input[type='file']`);
                    // attachButton.addEventListener("change", function() {
                    // alert("Файлы выбраны!");
                    //});
                    attachButtonObserver.disconnect(); // Отключаем наблюдатель после нахождения кнопки
                }, 0);
            }
        });
 
 
    } else { // 2, 3
        alert("Расширение «" + manifest.name + "» НЕ работает, далее программа выполняться НЕ будет!"); return;} // 3 Завершаем выполнение скрипта
}; // 1

тоже НЕ работает ну и форумовское выделение кода лагает....

@voraa · 22.01.2025, 15:45

Мы только забыли подключить обсервер. Создали, но не подключили

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
// файл content.js
// Получаем манифест расширения
const manifest = chrome.runtime.getManifest();
// Устанавливает обработчик события load для объекта window
// Код внутри фигурных скобок { ... } будет выполнен
// После того, когда все элементы страницы (включая изображения, стили и другие ресурсы) будут полностью загружены 
window.onload = () => { // 1
    // Проверяем, загружено ли расширение
    if (manifest && manifest.name) { // 2
        // alert("Расширение «" + manifest.name + "» работает!");
 
        // Создаем наблюдатель для кнопки "Прикрепить файлы с компьютера"
        const attachButtonObserver = new MutationObserver((mutationsList) => {
        const attachButton = document.querySelector("input[type='file']"); // Нужен правильный селектор
            if (attachButton) {
                setTimeOut ( () => {
                    alert(`Кнопка «Прикрепить файлы с компьютера» найдена! Селектор кнопки: input[type='file']`);
                    // attachButton.addEventListener("change", function() {
                    // alert("Файлы выбраны!");
                    //});
                    attachButtonObserver.disconnect(); // Отключаем наблюдатель после нахождения кнопки
                }, 0);
            }
        });
        // Подключаем обсервер. Следим за добавлением узлов во всем документе. !!!
        attachButtonObserver.observe(document, {subtree:true, childList:true});
 
 
    } else { // 2, 3
        alert("Расширение «" + manifest.name + "» НЕ работает, далее программа выполняться НЕ будет!"); return;} // 3 Завершаем выполнение скрипта
}; // 1

@Ципихович Эндрю · 22.01.2025, 15:47 **[ТС]**

Сообщение от voraa

alert(`Кнопка «Прикрепить файлы с компьютера» найдена!

так и не работает вообще

@voraa · 22.01.2025, 15:54

А не может быть, что она уже существует до того, как подключили обсервер? Может есть, но просто невидима?
Может проверять и до подключения

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
// файл content.js
// Получаем манифест расширения
const manifest = chrome.runtime.getManifest();
// Устанавливает обработчик события load для объекта window
// Код внутри фигурных скобок { ... } будет выполнен
// После того, когда все элементы страницы (включая изображения, стили и другие ресурсы) будут полностью загружены 
window.onload = () => { // 1
    // Проверяем, загружено ли расширение
    if (manifest && manifest.name) { // 2
        // alert("Расширение «" + manifest.name + "» работает!");
        let attachButton;
        // Создаем наблюдатель для кнопки "Прикрепить файлы с компьютера"
        const attachButtonObserver = new MutationObserver((mutationsList) => {
        attachButton = document.querySelector("input[type='file']"); // Нужен правильный селектор
            if (attachButton) {
                setTimeOut ( () => {
                    alert(`Кнопка «Прикрепить файлы с компьютера» найдена! Селектор кнопки: input[type='file']`);
                    // attachButton.addEventListener("change", function() {
                    // alert("Файлы выбраны!");
                    //});
                    attachButtonObserver.disconnect(); // Отключаем наблюдатель после нахождения кнопки
                }, 0);
            }
        });
        attachButton = document.querySelector("input[type='file']"); // Нужен правильный селектор
        if (attachButton) {
            alert(`Кнопка «Прикрепить файлы с компьютера» найдена! Селектор кнопки: input[type='file']`);
        } else {
        
            // Подключаем обсервер. Следим за добавлением узлов во всем документе. !!!
            attachButtonObserver.observe(document, {subtree:true, childList:true});
        }
 
 
    } else { // 2, 3
        alert("Расширение «" + manifest.name + "» НЕ работает, далее программа выполняться НЕ будет!"); return;} // 3 Завершаем выполнение скрипта
}; // 1

@Ципихович Эндрю · 22.01.2025, 16:09 **[ТС]**

Сообщение от voraa

alert(`Кнопка «Прикрепить файлы с компьютера» найдена! Селектор кнопки: input[type='file']`);

ну так для чистоты эксперимента пронумеровать?)) попытка № 1\2

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
// файл content.js
// Получаем манифест расширения
const manifest = chrome.runtime.getManifest();
// Устанавливает обработчик события load для объекта window
// Код внутри фигурных скобок { ... } будет выполнен
// После того, когда все элементы страницы (включая изображения, стили и другие ресурсы) будут полностью загружены 
window.onload = () => { // 1
    // Проверяем, загружено ли расширение
    if (manifest && manifest.name) { // 2
        // alert("Расширение «" + manifest.name + "» работает!");
        let attachButton;
        // Создаем наблюдатель для кнопки "Прикрепить файлы с компьютера"
        const attachButtonObserver = new MutationObserver((mutationsList) => {
        attachButton = document.querySelector("input[type='file']"); // Нужен правильный селектор
            if (attachButton) {
                setTimeOut ( () => {
                    alert(`Кнопка «Прикрепить файлы с компьютера» найдена!, попытка № 1 Селектор кнопки: input[type='file']`);
                    // attachButton.addEventListener("change", function() {
                    // alert("Файлы выбраны!");
                    //});
                    attachButtonObserver.disconnect(); // Отключаем наблюдатель после нахождения кнопки
                }, 0);
            }
        });
        attachButton = document.querySelector("input[type='file']"); // Нужен правильный селектор
        if (attachButton) {
            alert(`Кнопка «Прикрепить файлы с компьютера» найдена!, попытка № 2 Селектор кнопки: input[type='file']`);
        } else {
        // Подключаем обсервер. Следим за добавлением узлов во всем документе. !!!
        attachButtonObserver.observe(document, {subtree:true, childList:true});
        }
    } else { // 2, 3
        alert("Расширение «" + manifest.name + "» НЕ работает, далее программа выполняться НЕ будет!"); return;} // 3 Завершаем выполнение скрипта
}; // 1

и тоже молчит алерт

@voraa · 22.01.2025, 16:23

А вообще хоть что то работает?
В консоли ошибок нет?
Если раскомментарить строку 10, алерт появляется?

Новые блоги и статьи Все статьи Все блоги /
Часы с термометром и праздничным календарем yariko 12.11.2026 Сегодня мы рассмотрим как можно сделать отличные многофункциональные часы. Итак, поставим конкретную задачу: разработать часы с календарем, двумя термодатчиками, выводом поздравительных сообщений. . .	Транслитерация текста с кириллицы на латиницу (вариант №1) Maks 11.11.2026 Решил облегчить жизнь себе и коллегам админам при создании электронных почтовых ящиков для пользователей, в результате написал обработку "Транслитерация текста" с кириллицы на латиницу, а в ней. . .	Книги по геймдизайну, левел-дизайну, игровым механикам и проектированию игрового опыта 8Observer8 08.11.2026 Содержание блога \| English Version 1. 2003 - 06 - Designing Virtual Worlds (1st Edition) Автор: Richard A. Bartle \| Объем: 768 стр. Ссылки: Amazon . . .	Родители токсичные абьюзеры по отношению к своим детям ругают их оскорбляют не любят zorxor 08.11.2026 Жить в атмосфере постоянных оскорблений, критики и холодности со стороны родителей — это тяжелое и болезненное испытание, которое оставляет глубокие эмоциональные раны. Токсичное и абьюзивное. . .
Как только я захожу к себе в свою комнату я сразу же с себя снимаю свои трусы. Ответ от Джемени ИИ. zorxor 08.11.2026 Джемени, как только я захожу к себе в свою комнату я сразу же с себя снимаю свои трусы. Многие люди, возвращаясь домой, сразу переодеваются в максимально свободную одежду или вовсе предпочитают. . .	Паттерн очереди действий/команд (Action / Command Queue). Система очереди действий и кат-сцен с SDL3 Callbacks, cglm и OpenGL 8Observer8 07.11.2026 Содержание блога \| English Version Руководство для начинающих по реализации паттерна очереди действий/ команд (Action / Command Queue) на C++ (C++20) с использованием официального SDL3 Callbacks. . .	Проверка полного ФИО в типовом справочнике Maks 07.11.2026 Решение реализовано в конфигурации КА2, на примере справочника "КонтактныеЛицаПартнеров". Задача: Запрет инициалов. Не допускаеть использование сокращений вида "И. И. ", "И. И. ", "И И" и. . .	Про "Windows must die!" kumehtar 04.11.2026 Знаете, чет накатило. . . . Когда-то это было почти боевым кличем: мол, нормальный человек сидит на DOS, OS/ 2 или Linux, а вот это вот - Must Die. А теперь человек произносит «мастдай» с усмешкой - и. . .

@Ципихович Эндрю 1713 / 580 / 76 Регистрация: 10.04.2009 Сообщений: 9,337
	20.01.2025, 10:20 [ТС]
	diadiavova, здравствуйте, спасибо за помощь в топике, много чего переосмыслил, решил сделать другой подход)) использовал джипити, он естественно он лагает 0

@voraa 1305 / 1328 / 193 Регистрация: 21.01.2024 Сообщений: 6,134
	22.01.2025, 14:40
	Чего то у вас какая то фигня со скобками. Надо же писать, что бы было понятно, какая открывающая, какой закрывающей соответствует. Отступы хоть делать. В 25 строке какой то бред. 1

@voraa 1305 / 1328 / 193 Регистрация: 21.01.2024 Сообщений: 6,134
	22.01.2025, 16:23
	А вообще хоть что то работает? В консоли ошибок нет? Если раскомментарить строку 10, алерт появляется? 0