js

"Расширения" для мобильных браузеров

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

Например, у меня есть расширение для вставки скопированной картинки в инпут (то есть, мне не нужно, чтобы сайт реализовал вставку, а я на любом инпуте могу вставить скриншот или скопированный файл картинки или даже картинку по ссылке). Это очень удобно. Есть сжиматель картинок (часто на сайтах есть ограничение в максимум 2мб) и конвертер в jpg. Или, например, недавно пропал нормальный поиск других размеров картинки в гугл и я сделал для себя поиск в бинг в контекстном меню. У меня есть логирование в гугл таблицы по нажатию кнопки и отправка разных сообщений в телеграм. И еще куча других процессов рабочих у меня построено на расширениях.

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

В хроме можно добавить кнопку домой рядом с адресной строкой. На эту кнопку можно навесить любую ссылку (по сути, она может работать как закладка). Догадываетесь к чему я веду? Букмарклеты!

Делаем что-то вот такое:

javascript:void(function(d) { let s = d.createElement('script'); s.type = 'text/javascript'; s.async = true; s.src = 'https://link.to/your/file.js'; d.getElementsByTagName('head')[0].appendChild(s); }(document))

Ничего сложного. Просто вставляем свой джс файл, который находится по адресу
https://link.to/your/file.js и все. А там уже наши возможности практически неограниченны. Разумеется мы можем сделать развилку по адресу (для разных сайтов выполнять разный код), подгружать всевозможные стили, другие джс файлы и т.д. и т.п. То есть мы получаем расширение на мобильном хроме, которое активируется по нажатию кнопки.

Уверен, многие хотели бы внести небольшие изменения на джой или любой другой сайт лично для себя (как, например, вот в этом посте https://joyreactor.cc/post/5926354). Поменять цвета, добаивть какие-то кнопки, добавить темную тему и т.д. и т.п.

P.S.: "но у меня нет никакого сервера, куда мне залить свой код?(" О, есть оочень много способов, сразу на вскидку приходит в голову использовать бота-телеграм в качестве сервера для хранения файлов. Это очень легко. Если вдруг кому будет интересно - могу и это расписать.