Заметки программиста

А вы что еще не используете GreaseMonkey? Сейчас я расскажу что это и вы сразу его установите.

Greasemonkey — расширение для браузера Mozilla Firefox, которое позволяет пользователю устанавливать скрипты для получения изменений на странице «на лету».

Это суховатое распространенное описание означает что вы можете делать со страницами которые просматриваете все что угодно, например, добавить кнопку «скачать видео» на YouTube или схитрить на любимой браузерной онлайн игре, можно даже фавиконки у сайтов менять и отключать рекламу, да все что угодно ведь в ваших руках оказывается мощнейший инструмент — JavaScript.

Вся мощь этого расширения должна напрямую зависеть от ваших знаний и умений программировать на JS, но если вы не сильны в этом, то есть уже готовые скрипты для GM, тут их десяки тысяч.

Принцип его работы заключается в запуске нашего JavaScript на указанной странице или нескольких страницах (зависит от правила). Формат скрипта соответствует обыкновенному .js файлу (раширение у GM скрипта должно быть .user.js), но с дополнительными комментариями для идентификации и настройки, например так выглядит его начало:

// ==UserScript==
// @name          Tubro Highlighter
// @namespace     http://dustweb.ru/
// @description   Подсвечивает строки в таблице для улучшения восприятия
// @include       http://*dustweb.ru/log*
// ==/UserScript==

Эти настройки указывают что скрипт будет работать только на сайте dustweb.ru на всех страницах раздела /log. Сайт в @namespace в данном случае лишь совпадение, на самом деле он нужен лишь для идентификации автора скрипта.

Далее расскажу маленькую хитрость, как пользоваться любимым jQuery в скриптах Greasemonkey:

//Подключаем jQuery
var GM_JQ = document.createElement('script');
GM_JQ.src = 'http://jquery.com/src/jquery-latest.js';
GM_JQ.type = 'text/javascript';
document.getElementsByTagName('head')[0].appendChild(GM_JQ);

//Проверка, загружен ли jQuery
function GM_wait() {
    if(typeof unsafeWindow.jQuery == 'undefined') { window.setTimeout(GM_wait,100); }
    else { $ = unsafeWindow.jQuery; letsJQuery(); }
}
GM_wait();

//Весь ваш jQuery код должен быть в этой функции
function letsJQuery() {
    $('.widgettitle').css({'background':'red'});
    $('#content p ').css({'color':'#cccccc', 'font-size':'14px'});
}

Проверяем, и да не забудьте только кодировка UTF! Вы все еще не установили GreaseMonkey? Срочно ставим это быстро. И устанавливаем наш пробный скрипт, после обновите страницу. Небольшой редизайн