Веб-серфинг, скроллируемые элементы внутри страницы

На всякий случай, вот расширение для Chrome (не мог выложить раньше — интернет отвалился, увы).

Добавляет новый пункт в контекстное меню (из-за этого обычного userscript'а уже не хватило: увы, не умеет Chrome в новые пункты контекстного меню), при клике по которому появится окошко с CSS-селектором для ближайшего к кликнутому объекта, который имеет смысл поправить («auto» или «scroll» в «overflow»). Скорее всего, селектор нужно будет оптимизировать, но работать должно и так.

Селекторы сохраняются в localStorage, то есть правило, созданное на одной страничке, будет действовать на всём сайте. Для очистки всех правил можно (ну, кроме варианта поправить значение в localStorage) написать «sf_reset» (без кавычек) в консоль.

Исходный код здесь (вряд ли стоит выкладывать такой простенький плагин на GitHub).

Веб-серфинг, скроллируемые элементы внутри страницы

Да, действительно, я не подумал, что «overflow: hidden» испортит многое. По-хорошему нужно было бы применять стиль лишь к элементам со «scroll: auto» или «overflow: scroll», только вот есть проверять скриптами стили всех элементов на странице — получится очень медленно.

Сейчас попробую ещё кое-что, есть одна идея.

С помощью регулярного выражения получить массив между двумя метками

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

Событие выделения текста с устройства с touchscreenом

Увы, не знаю, в чём дело. У меня на планшете работает как во встроенном браузере, так и в Chrome (тоже CyanogenMod, Android 4.2).

Событие выделения текста с устройства с touchscreenом

Даже не знаю, он ориентирован на WebKit-браузеры, так что, если у вас не старая Opera Mobile или не Firefox, должно работать. Может, просто браузер старый (не знаю, когда конкретно появилось это событие, но если недавно… на Android'е-то WebKit никто не обновляет).

Какой именно у вас браузер и какая версия Android'а?

Событие выделения текста с устройства с touchscreenом

Когда я только начинал тестировать код на компьютере — также с alert'ом — получилось довольно забавно: я начинал выделять текст, и сразу же показывался alert, причём пустой — выделить-то я ещё ничего не успел. Ну а сам процесс выделения, разумеется, мгновенно прерывался.

А насчёт ненужных срабатываний я бы посоветовал где-нибудь в сторонке хранить текст, который был выделен при предыдущем «selectionchange» и выполнять нужные действия лишь если этот текст был изменён. Как-то так.

Кстати, если нужно отлавливать именно конец выделения, можно просто засекать время после очередного события и, если в течение, например, секунды, событие не сработало снова, считать, что выделение завершено. Учитывая, что в Android'е рамки выделенного текста всегда можно сдвинуть (iOS'ью не пользовался, так что, увы, не скажу), сама задача становится несколько туманной, но, на мой взгляд, такое решение вполне подойдёт.

Событие выделения текста с устройства с touchscreenом

Возможно, стоит добавить, что работать будет лишь на WebKit-браузерах — с другой стороны, таких на мобильных платформах сейчас большинство.

У меня всё отлично работает как на десктопе (в браузере Chrome), как и с планшета.

Более того, на компьютере вообще беспричинно вызывается событие когда надо и не надо.

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