GreaseMonkey *

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



Здравствуй, уважаемое хабрасообщество!
Сегодня я хочу поделиться с тобой одним, весьма полезным, на мой взгляд, скриптом. Если вам уже всё понятно из картинки для привлечения внимания, вот линк.

Вот что делать с человеком, который на все упреки и призывы к грамотности
отвечает одним аргументом — «Мне по***»?
— Крик души

Не любо — не слушай, а врать не мешай!
— Поговорка

Спустя четыре года я решил, что пора. Это юзерскрипт «Хабраторт» версии три ноль.
Осторожно, картинки в высоком качестве.

Firefox, Opera, Safari и Chrome поддерживают UserJS. Все по разному. Я планирую написать серию статей про то как писать скрипты для этих браузеров. В день по одной.

Сегодня мы поменяем логотип Яндекса на Гугловый. Такой вот бесполезный скрипт.



yandex-with-google-logo.user.js:

// ==UserScript==
// @name      Google logo on yandex.ru
// @include   http://www.yandex.ru/*
// ==/UserScript==

var logo = document.querySelector("img[src$='logo.png']");
if (logo) {
  logo.src = 'http://www.google.com/intl/en_ALL/images/logo.gif';
  logo.removeAttribute('height');
}

Покупая билет на поезд дальнего следования РЖД, можно воспользоваться услугой электронной регистрации. Это когда приходишь на поезд с паспортом и вообще без билета. Оно неоднократно опробовано и прекрасно работает.

У электронной регистрации мне известны три проблемы.
1) [Животрепещущая] Туалеты на вокзалах платные. Но за два часа до отправления и в течение двух часов после прибытия — бесплатно (Вы этого не знали? Упс, вокзальные туалеты теперь постигнет хабраэффект...)
При наличии электронного билета гадить бесплатно вы можете только в комментах, но не на вокзале.

2) [Бюрократическая] Если вы едете в командировку от организации, особенно государственной, то бухгалтерии нужен билет в качестве обоснования, что вы не лось.
Электронный билет — вы электронный лось.

3) [Основная] Подходя к поезду, вы должны знать свой номер вагона! Иначе вам придётся идти к начальнику поезда и искать свою фамилию в списке — а если вы пришли к поезду впритык, то можете этого и не успеть!

И вот к этой-то проблеме я и предлагаю гризманки-решение.

Мне не понравились новые иконки окон Google. Ну вот не понравились, и все. Ничего не мог с собой поделать.
Поэтому полез в Greasemonkey и наваял скрипт, который замещал favicon на тот, что был раньше. И сразу мое психическое состояние пришло в норму ;)

В отличие от "Как я сломал Хабрахабр", известно, что ломать — не строить. Ломка известного ресурса вызывает традиционно большой интерес. То, что все считали, что сделать нельзя, оказалось, что можно. Как же идут дела со строительством? И что вообще можно построить, если всё уже есть из коробки: открыл сайт и пользуешься? Есть некоторые пользователи-разработчики, которые видят, что на сайте можно достроить, но до чего дело не сразу дойдёт, если просто просить администрацию. И они достраивают сами, а затем делятся результатами с сообществом, благодаря чему мы их знаем, и их работа тоже вызывает большой интерес. Давайте для начала вспомним строителей, пусть им инвайтов за улучшения, насколько я знаю, за достройку не дают и премий не выписывают.

Прочитав недавний топик про сайты сделанные по бескликовой технологии подумал а почему бы не сделать скрипт для GreaseMonkey, чтобы по всем сайтам можно было так перемещаться.

Счётчик новых комментариев — очень удобная вещь, особенно для статей с оживлённой дискуссией.

Но он не идеален:

Случайно обновив страницу или закрыв вкладку мы теряем информацию о непрочитанных комментариях. Тратить время на ручной поиск новых комментариев вряд ли кто-то согласится.

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

nice-alert.user.js заменяет модальный диалог alert



на ненавязчивое сообщение в правом верхнем углу страницы.



Работает в Opera, Firefox Greasemonkey и Safari GreaseKit.

Cкачать nice_alert.user.js. (для Оперы, и только для неё, нужно скачать nice_alert.js, без «user».)

Код на github-е. Скрипт на userscripts.org.

Что делать если habra-поиск не находит?

С такой проблемой столкнулся месяц назад, при написании очередной статьи на HabraHabr.
Вот и решил воспользоваться поисковиком для решения своей проблемы. Поскольку HabraHabr очень хорошо оптимизирован для поисковой системы, я набрал на google: поисковая фраза site:habrahabr.ru и получил очень неплохой результат, некоторые статьи по моей теме быстро “откопались” таким способом. Аналогичная функциональность есть и у Yandex, но результат поиска через yandex был немного хуже чем у Habra-поиска и Google.

Вот так и родилась идея написать маленький плагин для greasemonkey. Я его назвал HabraGoogle. Плагин немного модифицирует верхний блок Habra-поиска (как показано на рисунке).

Установить HabraGoogle

UPD: Также хорошую реализацию описанной идеи поиска предложил coldFlame с помощью OpenSearch-плагина. В строке браузера пишем:

javascript:window.external.AddSearchProvider('http://coldflame.in.ua/stuff/search-plugins/habrahabr-search.xml')

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

Скрипт подменяет обработку ссылок на видеосайты: youtube.com, vimeo.com и twitvid.com таким образом, что по клику на ссылке (на видео), прямо в странице будет встроен видеоплеер. Получается, чтобы посмотреть видео никуда уходить с сайта не надо! Нажал на ссылку, посмотрел и закрыл.

Сегодня в рассылке DayliJS я открыл для себя одно прекрасное расширение — jQuery Sausage, которое позволяет добавлять на страницу очень удобную схему навигации — блоки, разделенные заголовками, масштабируются относительно высоты контента и отображаются как diff-аннотации в WebStorm или NetBeans (нечто подобное можно видеть слева поста).


Картинка кликабильна ведет на пример jQuery Sausage

Это очень удобный способ навигации по большим спискам статей и по параграфам статей. Эксперимента ради я решил воссоздать этот плагин отдельно от jQuery и jQuery UI и заточить его под хабр (оригинальный плагин тянет за собой несколько Кб лишних скриптов). Моё расширение сканирует блоки статей или блоки заголовков и отображает их в виде цепочки блоков. При наведении на блок отображается заголовок, по клику на блок страница скроллится на соответствующий заголовок страницы. К сожалению, не все посты хорошо отформатированы, поэтому такой способ навигации не всегда эффективен. Т.к. это эксперимент, то некоторые фичи jQuery Sausage пока урезаны.

За последние пару недель мне пришлось плотно поработать с системой управления пользовательскими скриптами для продуктов Mozilla — GreaseMonkey. И раз уж я сам себя назначил администратором одноименного блога, значит написать введение в вопрос — моя святая обязанность.

Начало

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

Подошла недавно коллега и поведала, что никак у нее не получается сохранить страничку ГОСТа с нелюбимого сайта http://protect.gost.ru.
«Нам ли быть в печали, старушка» — сказал я ей, открыл вышеупомянутый сайт и начал ковырять смотреть.

Изменение политики установки юзерскриптов в Google Chrome.

В браузере Chrome версии 21 появилось новшество, известное ещё с её бета-версии: при попытке установить юзерскрипт браузер выдаёт провокационное, но некорректное по сути сообщение (в баре на странице вверху):

Расширения, приложения и пользовательские скрипты могут быть добавлены только из Интернет-магазина Chrome. Подробнее…

Ещё 20 августа было всё нормально, но с установкой новой версии политика начала действовать.

На самом деле, как они дальше поясняют, это утверждение неверно и представляет собой, по сути, дешёвый провокационный трюк, подталкивающий авторов опубликовать расширения в их «магазине». Выгода небольшая, но прямая, потому что регистрация автора — платная (однократно 5$), и часть авторов пойдут на это, потому что не каждый пользователь нажмёт ссылку «Подробнее...» и так и будет думать, что устанавливать расширения стало возможным только из «магазина». Даже поиск в Яндексе показывает такой типичный ход мыслей пользователей:

Я хочу рассказать об удобных и неоправданно редко использующихся новшествах GreaseMonkey версии 0.8, которая доступна уже более года. Они помогут сделать пользовательские скрипты более модульными, а главное — дадут возможность без ухищрений использовать jQuery, что позволит нам «писать меньше, а делать больше». Речь идет о новых мета-параметрах пользовательских скриптов: @resource и @require.

Вчера открыв для себя возможности GreaseMonkey решил воплотить в жизнь свою идею, изложенную в посте Комментарий — единица смыcла. Потратив 30 минут вечернего времени, я набросал концепт, того как я вижу решение проблемы.

UPD: Решил все вопросы с юзабилити и зарелизил версию 0.2. Надеюсь на ваш фидбек.

UPD 2: Оказалось работает и в Opera.

Как известно, 29-я версия браузера Firefox получила новый интерфейс под названием Australis для своей оболочки (табы, строка поиска, кнопки навигации и закладок; устранение Addon Bar и замена его на попап под кнопкой «инструментов» (три горизонтальные чёрточки, общепринятый знак для многих веб-интерфейсов)). Рассмотрим, что мы потеряли на сегодня из рычагов управления интерфейсом, которые до сих пор существовали в виде нескольких расширений браузера.

Конечно, для разработчиков расширений интерфейсов это не было неожиданным — за две версии нововведения объявляются и появляются в альфа-версиях, затем отрабатываются в бета-. Это — приерно 3 месяца на возможность подготовиться заранее (но большинство расширений поддерживают энтузиасты, которые не всегда могут выделить на это свободное время). Предусмотрена возможность частичного отката интерфейса к прежним версиям с помощью установки официального расширения Classic Theme Restorer.

Если посмотреть, на что больше всего жалуются пользователи новой версии: