Используйте Tampermonkey для добавления функций на YouTube, LinkedIn или Facebook.
Tampermonkey — это инструмент, с помощью которого вы можете вставлять свой собственный код JavaScript на часто используемые вами веб-сайты.
Один из ваших скриптов запускается, когда вы переходите на YouTube. Другой скрипт запускается, когда вы посещаете LinkedIn. Третий скрипт запускается, когда вы входите в определенный раздел Facebook.
На YouTube я часто добавляю видео в список Посмотреть позже. Через некоторое время список разрастается и становится неуправляемым. Затем я хочу очистить все элементы и начать сначала.
Проблема в том, что нет простого способа очистить список Посмотреть позже. Вы должны удалять клипы по одному, и это занимает вечность.
Но Tampermonkey приходит на помощь! Я написал сценарий, который выполняется, когда вы посещаете список Посмотреть позже на YouTube. Добавляет на сайт дополнительную кнопку — при нажатии список очищается.
Как это работает?
- Вы посещаете youtube.com
- Расширение браузера Tampermonkey распознает, что вы связали URL-адрес с одним из ваших скриптов. Скрипт запускается и вставляет кнопку
- Когда вы нажимаете кнопку, код JavaScript имитирует серию щелчков, которые приводят к удалению клипов.
Вы можете найти полный код в конце этой статьи.
Код
Сначала мы ждем появления HTML-элемента плейлиста в DOM:
Когда она появится, мы добавим кнопку, которая будет вызывать функцию loop при нажатии на нее.
Функция цикла проверяет, остались ли клипы в списке. Если клип найден, он имитирует щелчок, чтобы открыть всплывающее окно. Когда всплывающее окно отображается, оно нажимает кнопку, чтобы удалить клип.
Помощники
Чтобы упростить код, я сделал несколько вспомогательных функций, которые могут оказаться полезными, если вы хотите создать свои собственные скрипты Tampermonkey.
Функция waitFor ожидает, пока конкретный элемент HTML не станет доступным в DOM. Это здорово, когда происходит много другого JavaScript, и вы не уверены, когда конкретное всплывающее окно, кнопка, div и т. д. будут видны.
Функциональная кнопка позволяет легко создать кнопку с помощью одной строки кода.
Эта функция журнала выделяет ваши сообщения журнала
В окне консоли вы можете идентифицировать сообщения, потому что они начинаются с синего прямоугольника:
Тампермонки
Tampermonkey был создан в 2010 году Яном Биниоком. Его используют более 10 миллионов человек.
Вы можете начать здесь https://www.tampermonkey.net/
Во-первых, вы можете кодировать в онлайн-IDE, это довольно хорошо.
Если вы хотите быть серьезной обезьяной, я бы предложил подключить ваши скрипты к локальным файлам JavaScript на вашем компьютере. Вы получите отличный опыт разработчика. Просто внесите изменения в своем любимом редакторе, перезагрузите веб-сайт, и все готово!
Код
Вот полный код функции