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

js web 

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

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

Например, у меня есть расширение для вставки скопированной картинки в инпут (то есть, мне не нужно, чтобы сайт реализовал вставку, а я на любом инпуте могу вставить скриншот или скопированный файл картинки или даже картинку по ссылке). Это очень удобно. Есть сжиматель картинок (часто на сайтах есть ограничение в максимум 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.: "но у меня нет никакого сервера, куда мне залить свой код?(" О, есть оочень много способов, сразу на вскидку приходит в голову использовать бота-телеграм в качестве сервера для хранения файлов. Это очень легко. Если вдруг кому будет интересно - могу и это расписать.

Развернуть
Давай пиши
А есть какие-то идеи? Какая-то мелкая функция которой не хватает? На ее примере я мог бы показать подробнее.

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

мобильный Файрфокс поддерживает все те же расширения, что и десктопный. Без всяких костылей.

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

А в чём сложность? Файрфокс кастомизируется гораздо сильнее хромиумов, под себя всё накрутить проще.

У меня по работе и то, и то, но на постоянку использую только Файрфокс.

В том, что на десктопе мой основной браузер хром. На нем все настроено. Во-вторых, мне лучше видеть как все будет выглядеть у 75% пользовтелей (которые откроют сайт тоже на хромиуме), чем у 2% (у которых фф). Понятное дело, я тестирую на фф тоже. Но основной хром. А если твой основной на десктопе браузер хром, то и на телефоне тоже (чтобы были закладки и пароли синхронизированы).

Ну вот тоже работать в двух браузерах приходится, но основной таки Лис. И на десктопе, и на мобилке.

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

Хочешь расширения на мобиле и хромиум браузер? Тогда остаётся только Kiwi Browser

Нет, нужен хром. В этом и проблема. Описал выше

Есть ещё Kiwi browser на мобилу он поддерживает все расширения хрома.

Я так и написал, есть специфичные браузеры. А это решение только для тех, кто сидит на хроме и при этом хочет что-то кастомизировать.

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

> 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://github.com/KotPaslyon/tms_torrent_multi_search
Только зарегистрированные и активированные пользователи могут добавлять комментарии.
Похожие темы

Похожие посты
Панель смартфона — Панели браузера Реклама сайта Навигация сайта ВМУ\/ работает над электрическим М5 с □ о ^ Н1МУ1/Е1 ВСЕ о 7.06.20 Бесполезная первьюшка Ой, вот он контент, который я хотел посмотреть
подробнее»

контент браузер мобильные телефоны

Панель смартфона — Панели браузера Реклама сайта Навигация сайта ВМУ\/ работает над электрическим М5 с □ о ^ Н1МУ1/Е1 ВСЕ о 7.06.20 Бесполезная первьюшка Ой, вот он контент, который я хотел посмотреть
-> C © Not Secure wasm.continuation-labs.com/d3demo/ ☆ © © P3wa»m - An experimental port of id Tech 4 engine to Emscripten / WebAssembly Online demonstration running Doom 3 Demo Hint use "HOME" key instead of "ESC" key _______MC' .ra-u'i Of»r 1 AitUcI I' Fullscreen ■ Show help All inform
подробнее»

doom web

-> C © Not Secure wasm.continuation-labs.com/d3demo/ ☆ © © P3wa»m - An experimental port of id Tech 4 engine to Emscripten / WebAssembly Online demonstration running Doom 3 Demo Hint use "HOME" key instead of "ESC" key _______MC' .ra-u'i Of»r 1 AitUcI I' Fullscreen ■ Show help All inform
web фронтенд я приму любой ответ сервера, обработаю любой объект, любой структуры, отсутствует поле? - мне похуй, в крайнем случае будет null или undefined, пользователь даже не заметит мобильный фронтенд можешь плмз добавить одно ненужное поле в бд, а то у меня объемкт не матчится и примложени
подробнее»

it-юмор geek,Прикольные гаджеты. Научный, инженерный и айтишный юмор программирование js swift web

web фронтенд я приму любой ответ сервера, обработаю любой объект, любой структуры, отсутствует поле? - мне похуй, в крайнем случае будет null или undefined, пользователь даже не заметит мобильный фронтенд можешь плмз добавить одно ненужное поле в бд, а то у меня объемкт не матчится и примложени