Greasemonkey для Mozilla Firefox: запуск пользовательских скриптов на сайтах - TurboComputer.ru
Рейтинг статьи
1 звезда2 звезды3 звезды4 звезды5 звезд (пока оценок нет)
Загрузка...

Greasemonkey для Mozilla Firefox: запуск пользовательских скриптов на сайтах

GreaseMonkey

Расширение для браузера Mozilla Firefox

Все подряд

Лучшие

Авторы

  • spmbt 15 апреля 2012 в 07:43

Факторы популярности юзерскриптов на примере одного сайта

Создание кроссбраузерной оболочки для пользовательских скриптов

Здравствуйте, уважаемые хабражители. Постов про пользовательские скрипты (userscripts) было на хабре немало, тем не менее, они только показывали, как ими пользоваться. А в работе юзерскриптов достаточно много кроссбраузерных несовместимостей (как и в любой области браузерного js). Естественно, можно установить различные дополнения для разных браузеров, однако, в случае написание скрипта для конечного пользователя, придётся сопровождать его огромным readme по установке компонент для обеспечения нормальной его работы. Что лично меня, да и вас, полагаю, тоже, не очень-то устраивает.

В данной статье речь будет вестись о трёх браузерах: Mozilla Firefox (с установленным GreaseMonkey), Google Chrome, Opera. Целью статьи является «заготовка», которая позволит пользовательскому скрипту работать одинаковым образом во всех перечисленных браузерах. Реализация GM API рассматриваться не будет, т.к. таковых уже сотни. Предполагается, что читатель уже знаком с общими правилами написания юзерскриптов (в случае, если нет, рекомендую сначала прочитать другую статью).

Изменения на Хабре глазами разработчика со стороны

Выкладываю обещанный небольшой обзор нововведений и небольших, на мой взгляд, недоделок (не багов), которые постарался исправить в пользовательском скрипте.

1) Рассмотрение сайта под углом вёрстки и скриптов породило ряд замечаний и наблюдений, которые будут интересны всем — и разработчикам фронтенда, и остальным пользователям сайта.

2) Небольшое, чисто деловое сообщение: скрипт, поддерживающий вёрстку и делающий различные улучшения интерфейсов на Хабре, HabrAjax, уже выложен на свой хостинг с исправлениями, учитывающими новую вёрстку. Подверглись обновлениям, конечно, и стили ZenComment.

Habrahabr Sausage Navigation

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


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

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

Рекомендуем

Как реформировать соцпакет, чтобы и сэкономить, и сотрудников не потерять?

Цифровые рабочие места Zextras: переход на удаленную работу – это не больно

Когда пляжную моду-2020 не потянуть без промокода

Просмотр видео не уходя с сайта

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

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

Обновляем счётчик сообщений Вконтакте без перезагрузки страницы

Я пользуюсь той-самой-социальной-сетью по нескольким причинам, одна из которых — возможность обмена текстовыми сообщениями (некоторые мои знакомые принципиально не пользуются мессенжерами, приходится подстраиваться). Раньше приходилось постоянно обновлять страницу, чтобы узнать о новых сообщениях, не так давно, Вконтакте появился сервис мгновенных сообщений, но он мне сразу не пришёлся по душе и я решил автоматизировать процесс.

В этом топике я расскажу о своей реализации механизма обновления индикатора «Мои сообщения» без перезагрузки страницы. Хотите узнать подробности? Добро пожаловать под кат!

Приведение дизайна Jira к читабельному виду

AdBlock похитил этот баннер, но баннеры не зубы — отрастут

Кнопка Evernote site memory для Хабра

Улучшаем Google Calendar

Google Calendar я использую уже несколько лет — и дома, и на работе. Почему? Ответ прост: очень удобно иметь возможность видеть свой список дел вне зависимости от местоположения и устройства. Поэтому, приобретая нетбук, я не ожидал никаких проблем.

Однако, пользоваться Google Calendar на устройствах с небольшими экранами довольно затруднительно, т.к. значительную часть полезной площади слева и над календарем занимают редкоиспользуемые sidebar и header. Даже режим Full Screen браузера при разрешении 800×600 помогает только отчасти — много места все равно расходуется впустую.

ГОСТы по GreaseMonkey’вски

Вакансии

Электронная регистрация на поезд РЖД — экспорт билета в Гугл- и Яндекс.Календарь

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

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

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

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

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

Доработка скрипта быстрого показа кармы (FF, Chrome, Opera)

Опубликованный вчера скрипт для показа кармы “КармаПисчик” (автор Atilla) имел одну недоработку, не позволявшую пользоваться им на части страниц, а именно, на страницах с доменами 3-го уровня (персональные блоги). Оказался интересен не столько сам скрипт, хотя решение полезное, спасибо за него автору (в дизайне и поведении его я почти ничего не менял), а решение вопроса кроссдоменного скриптинга. Запрос к API идёт на домен 2-го уровня, а скрипт — на 3-м уровне. В результате, пришлось полностью отказаться от применения XMLHttp к API и сделать обращение к фрейму — древний «фреймовый AJAX».

Цель этого скрипта я бы сформулировал иначе, чем автор. Не «снизить объективность оценки», а улучшить влияние на карму в зависимости от её значения. Например, если карма находится в опасном диапазоне около нуля, то каждое изменение сильно сказывается на возможности публиковаться. Иногда нужно удержаться от изменения, а для этого не обязательно переходить на страницу пользователя. По этой причине 3 цвета я расположил в таких диапазонах: до -6, от -5 до +9 и от +10 и выше.

HabrTree — скрипт сворачивающий по оценке

Заметил за собой что в больших или малоинтересных обсуждениях читаю только комментарии с положительной оценкой. Что бы упростить себе это занятие был написан скрипт.

После установки появляется следующее.


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

PS Если что то не работает, попробуйте установить новую версию.

Убран инпут спасибо vrent

Вопросы и ответы

Как работает сборщик мусор с колбеками Promise?

Как сделать отдельную кнопку вызова “Яндекс чата”?

Влияет ли на производительность количество методов у наследуемого класса?

Как получить число из инпута в массив?

Как именно динамический импорт ускоряет исполнение в браузере?

Навигация между лучшими комментариями

Я хотел бы представить вам небольшое решение для оптимизации чтения Хабрахабра.

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

Но ведь у комментов есть оценки! Почему бы не воспользоваться ими как мерой «информационной ценности» комментария? После прочтения статьи о hjkl навигации у меня появилась идея клавиатурной навигации на Хабре, но не между всеми комментариями, а только теми которые были оценены выше определенного порога. Например, нажимая j, перемещаемся к следующему комментарию который получил больше 10.
Во время программирования я вспомнил очередную, часто здесь упоминаемую, информацию, а именно принцип Парето, согласно которому, 20% комментариев будут нести 80% информационной нагрузки. И добавил возможность «умной» навигации, когда перемещение происходит между 20% самых высокооцененных комментариев.

Экспорт Дней рождения из вКонтакте в Google Calendar

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

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

Автообновление скриптов в следующей версии Greasemonkey

Пару дней назад “issue: Auto-update scripts”, пометили как «0.9.x».

Я предложил разработкикам вот такой вариант интерфейса:

Они пока молчат. Сам я пока не могу прислать им патч, а не картинку. Слишком плохо знаком с расширениями Файрфокса.

Работа с консолью браузера firefox youtube. Работа с консолью JavaScript в браузере

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

Читайте также:  Asuswsloader что это за программа

Запуск Java-скриптов через консоль браузера:

Консоль в Mozilla Firefox:
Консоль в Google Chrome и других браузерах, основанных на Chromium:

Консоль в Opera 12:

Консоль в Internet Explorer:

Консоль в Safari:

Все скрипты вводятся в консоли в специально отведённое поле рядом с иконкой-стрелочкой (см. скриншоты, зоны для ввода скриптов выделены красной рамкой). Запуск скриптов осуществляется нажатием кнопки Enter . После ввода и запуска любого скрипта вы будете видеть все комментарии или ошибки в ходе их выполнения.

Запуск Java-скриптов из адресной строки браузера:

Адресная строка в Mozilla Firefox:
Адресная строка в Google Chrome и других браузерах, основанных на Chromium:
Адресная строка в Opera 12:
Адресная строка в Internet Explorer:
Адресная строка в Safari:

Использование браузерных плагинов для хранения и запуска скриптов:

Плагин Greasemonkey для Mozilla Firefox:

Инструкция по эксплуатации:

Плагин Tampermonkey для Google Chrome:

Инструкция по эксплуатации:


Вот так работают плагины Greasemonkey и Tampermonkey. Всё быстро и просто. Добавленные скрипты никуда не пропадают, их также можно включать и выключать в любое удобное время.

Заключение:

Современные браузеры предоставляют встроенные инструменты разработки для JavaScript и других технологий. Среди этих инструментов можно найти консоль, которая похожа на интерфейс оболочки, а также инструменты для проверки DOM, отладки и анализа сетевой активности.

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

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

Работа с консолью JavaScript в браузере

Большинство современных веб-браузеров, поддерживающих HTML и XHTML, по умолчанию предоставляют доступ к консоли разработчика, где вы можете работать с JavaScript в интерфейсе, подобном оболочке терминала. В этом разделе вы узнаете, как получить доступ к консоли в Firefox и Chrome.

Браузер Firefox

Эти инструменты позволяют проверять и редактировать элементы DOM, а также искать объекты HTML, связанные с конкретной страницей. DOM может показать, имеет ли фрагмент текста или изображение атрибут ID, и может определить значение этого атрибута.

Кроме того, в боковой панели или под панелью DOM можно найти стили CSS, которые используются в документе HTML или таблице стилей.

Чтобы отредактировать DOM в реальном времени, дважды кликните по выбранному элементу. Для примера можете попробовать превратить тег

Опять же, после обновления страница примет прежний вид.

Вкладка Network

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

Использовать вкладку Network можно вместе с консолью JavaScript. Например, вы можете начать отладку страницы с помощью консоли, а затем открыть вкладку Network и просмотреть сетевую активность, не перезагружая страницу.

Отзывчивый дизайн

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

Современные браузеры (в том числе Firefox и Chrome) предоставляют модели соблюдения принципов отзывчивого дизайна при разработке сайтов и приложений. Эти модели эмулируют поведение того или иного устройства, что позволяет протестировать и проанализировать все функции сайта.

Больше об этом можно узнать в руководствах браузеров:

  • Responsive Design Mode в Firefox

Заключение

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

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

Что такое консоль в браузере

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

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

Стоит учитывать, что начиная с 30 эта строка Firefox отключена. Для того чтобы запустилась консоль в Mozilla нужно присвоить строке about:config – devtools.chrome.enabled код true. Также для активации улучшения можно воспользоваться другим способом.

Необходимо поставить галочку рядом с графой «Включить инструменты отладки Browser Chrome и дополнений» для Firefox 40, в предыдущих версия название этой графы может немного различаться.

После открытия окна разработчика можно увидеть, что интерфейс делиться на 3 части:

Особенности работы в режиме веб-разработчика

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

Один из весьма полезных инструментов — console.log. Он служит для отладки вывода, но продвинутые пользователи также прибегают к нескольким другим методам работы с информацией. К примеру, принцип работы console.log довольно сильно схож с printf.

Также в Фаерфокс есть возможность использовать паттерн «%c», для применения второго аргумента при форматировании стиля. В Мозилле отобразиться небольшая иконка серого цвета рядом с информацией, а именно предупреждениями или сообщениями об ошибке. Это означает, что эти уведомления требуют внимания. Сообщения отладки в этом поисковике не обозначаются, так как, по мнению разработчиков, они устарели и вместо них нужно использовать console.log().

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

Использование таймера и сохранение состояния

Включенный режим разработчика подразумевает возможность использования таймера. Его можно запускать через console.time. Остановка таймера производиться при помощи console.timeEnd. Время отображается в миллисекундах.

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

Довольно часто для справки или отслеживания логов нужно сохранить информацию. Для сохранения состояния или данных отображающихся между открытием страницы не нужно ничего предпринимать. Фаерфокс сохранит эту информацию автоматически. Вы даже сможете очистить сообщение после активации кнопки в правом верхнем углу или же заново открыв панель.

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

Greasemonkey для Mozilla Firefox: запуск пользовательских скриптов на сайтах

GitHub is home to over 50 million developers working together to host and review code, manage projects, and build software together.

Clone with HTTPS

Use Git or checkout with SVN using the web URL.

Downloading

Want to be notified of new releases in firefoxForUser/esr38config ?

Launching GitHub Desktop

If nothing happens, download GitHub Desktop and try again.

Launching GitHub Desktop

If nothing happens, download GitHub Desktop and try again.

Launching Xcode

If nothing happens, download Xcode and try again.

Launching Visual Studio

Latest commit

Files

Permalink

TypeNameLatest commit messageCommit time
Failed to load latest commit information.
addons
pref
search
ui_css
user_script
BEST_HOTKEYS.md
DICTIONARY.md
FirefoxPortable.ini
GCLI.md
LICENSE
LINKS.md
README.md
commandPromt.md

Настройки Firefox 38 ветки с длительным сроком поддержки ESR.

Задача настроек на этой странице – максимальная приватность (НЕ анонимность) и отключения лишнего функционала НЕ в ущерб удобству.

Для анонимность есть

  • TorBrowser
  • А ещё лучше Tails запущенный в VirtualBox или с диска.
  • Whonix

Файлы настроек профиля

user.js – файл с настройками для Firefox, после его копирование в каталог профиля при запуске Firefox настройки из него будут установлены.

userChrome.css – стили преминяемые к элементам интерфейса Firefox. Для их преминения положите файл в каталог profilechrome и перезагрузите Firefox (если каталога нету создайте).

Дополнения и функции настолько важные, что их можно выделить в отдельный пункт. Или выделенные в отдельные категории самой Mozilla.

NOTE!
Проверку на вредоносность проходят только дополнения, словари, локализации, темы. То есть только то, что расположено на сайте mozilla.org.
Не проходят проверку: стили, скрипты, bookmarklets, кнопки Custom Buttons. Их проверку нужно проводить самостоятельно.
userstyles.org не допускает стили со встроенными скриптами. (но в отличии от mozilla его репутация ниже)

0. Минимум дополнений и настроек

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

1. Пользовательские стили

CSS стили можно применять к элементам интерфейса Firefox или к страницам сайтов.
Много готовых стилей на http://userstyles.org

Для поиска элементов интерфейса браузера и изменения их стиля:
DOM Inspector, Element Inspector, InspectorWidget, Stacked Inspector

Ссылки:
Уроки стилистики Firefox (CSS)
CSS reference – CSS реализованные в Firefox.
Mozilla CSS Extensions – CSS специфичные для Firefox.
Using CSS flexible boxes – использования flexible способа верстки.
@keyframes, CSS Animatable – анимация в CSS.
htmlbook.ru – неполный перевод о CSS на русский

1.1 Дополнения для пользовательских стилей

Дополнение могут предоставлять дополнительные правила для стилей.
Stylish – позволяет менять интерфейс Firefox или любую сраницу с помощью CSS стилей. Дополнение для Stylish Stylish-Custom.
User Style Manager

Существует два файла для css стилей.
userChrome.css – для стилей интерфейса Firefox
userContent.css – для стилей страниц

2. Пользовательские скрипты

Это javascript внедряемый на страницу.
Например, можно изменить поведение кнопок, автоматизировать действия и т.д.

2.1 Дополнения для пользовательских скриптов

Greasemonkey – расширяет возможности стандартного javascript дополнительными функциями. Имеет удобный менеджер для управления скриптами.

2.2 Специальный конфигурационный файл mozilla.cfg

Можно создать файл mozilla.cfg в профиле Firefox и прописать там скрит. Подробнее тут и тут

Это javascript кода добавленный в закладки, он может встраиваться в страницу или запускаться по нажатию закладки. Поддерживается всеми браузерами. Для создания нужно написать код в месте, где находится ссылка.
Основан на свойстве тега a в котором может находиться встроенный скрипт.
javascript:(function()< alert('Hello'); >)()
Репозиторий bookmarklets на который ссылается поддержка mozilla marklets.com

Его можно прописать в пользовательском стиле. Через это свойство можно привязать .xml файл с кодом javascript, который исполнится. Это называется XBL bindings

Легковесные темы. Хранятся в кэше браузера и при смене или очистке кэша подгружаются из интернета.

Полноценные темы. Если темы не подходят, то смотрите в разделе версий более старые. Если цвета тем не совместимы с цветами фонов и надписей, то можно править через CSS или Tab Mix Plus

Моя подборка:
MicroFox for Firefox – компактная тема
Classic Compact – ещё компактная
NASA Night Launch – одна из популярнейших тем

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

Куски кода на javascript и xml, которые встраиваются в сам Firefox. Это основное преимущество Firefox. Ими вы можете добавить практически любую функциональность или изменить внешний вид Firefox.

Мои подборки:

Dictionary Switcher – дополнение для быстрого переключения словарей
English-Russian dictionary (совмещённый русский и английский)

Это список поисковых систем в панеле поиска.

Ссылки:
Моя поборка поисковых движков и сервисов
Add to Search Bar – с его помощью можно добавить поисковые движки в список самому.
и др.

По сути отдельные программы от сторонних разработчиков. Если Firefox видит на странице содержимое обрабатываемое плагином и плагин установлен, то содержимое передаётся ему, он его обрабатывает и отображает. Также в качестве плагина могут быть кодеки. Или плагин может работать как прослойка между Firefox или другой программой (напр. плагин переводчика Lingoes).

На сегодня плагины имеющие смысл:

  • Flash Player – уже осталось очень мало сайтов, которые его используют и которым нет альтернатив. Но все же они есть.
  • Встроенные кодек для видео OpenH264 Video Codec provided by Cisco Systems, Inc.
  • Primetime Content Decryption Module provided by Adobe Systems, Incorporated – подгружается, необходим для воспроизведения защищенного видео в сетях вроде Netflix.
  • В очень-очень редких случаях некоторые сайты не работают без Java плагина.

Всё остальное сторонние плагины можете смело отключать, если вы их ставили не специально.

Программы на javascript + собственное API (расширяющее права и возможности javascript) от Mozilla + xml. Запускается на движке Firefox. Ничего стоящего пока там нет, можете не обращать внимание.

Некая интеграция с соц. сетями и некоторыми другими сервисами. Представляет собой белый список сайтов из которых вы можете добавить сервисы. Сами сервисы представляют собой страницы, которые вы можете открыть нажав на кнопку-самолетик в Firefox. Возможно ещё уведомления о событиях, рассылка приглашений на сервис друзьям и подобное. Ненужное излишество, которое полностью заменяется обычным входом в эти соц. сети.

Очень мощный инструмент (открывается из меню Firefox) с помощью которого можно искать ссылки на контент, менять стили страницы, снимать скриншот целой страницы и т.д.
Часть инструментов может подгружаться и устанавливаться при их активации, как WebIDE для разработки приложений.
А такие, как Firefox OS Simulator устанавливаются, как дополнения.
В специальной сборке Firefox от Mozilla основанной на тестовой версии Firefox Firefox Developer Edition инструменты разработчика имеют более удобный интерфейс и возможно дополнительные возможности.

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

Несколько комманд в качестве примера:
firefox -P – запускает менеджер через кото можно создать профиль или выбрать существующий для запуска.
firefox -no-remote -profile c:my_profile_folder_name запуск созданного профиля с указанием каталога в котором он находится. (в Windows системах эта команда ещё и создаёт новый профиль)
-no-remote – эта часть команды используется очень часто и позволяет запускать одновременно несколько профилей.

Greasemonkey для Mozilla Firefox: запуск пользовательских скриптов на сайтах


Что такое пользовательский скрипт (GreaseMonkey / UserJS)?

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

Например, с помощью пользовательского скрипта можно сделать так, чтобы после загрузки
любой страницы поисковика Google.ru логотип Гугла заменялся на логотип Яндекса, а кнопка
«Поиск» — на «Найти» (пример выдуманный). Естественно, эта замена будет доступна только тем
пользователям, у которых установлен данный пользовательский скрипт.

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

В браузере Opera пользовательские скрипты (UserJS) поддерживаются «из коробки»: необходимо только настроить папку, в которой будут храниться скрипты.

Для этого в меню «Инструменты» выберите пункт «Настройки. »; кликните по вкладке «Дополнительно»; слева выберите категорию «Содержимое» и нажмите «Настроить JavaScript. ». В открывшемся окошке найдите кнопку «Обзор. » под надписью «Папка пользовательских файлов JavaScript», кликните по ней и выберите любую удобную вам папку. Лучше всего, чтобы это была отдельная пустая папка, например, «C:Program FilesOperamyUserJS».

Запомните адрес этой папки и нажмите кнопку «ОК» необходимое число раз. Теперь достаточно сохранить в этой папке любой понравившийся вам пользовательский скрипт, который совместим с Оперой. Для этого откройте скрипт, в меню «Файл» выберите «Сохранить как. », укажите ту самую папку с пользовательскими скриптами и нажмите «Сохранить / Save»:

Управление скриптами простое: если надо удалить скрипт, удалите его из той самой папки. Если надо временно отключить скрипт, то переместите его в какую-нибудь другую папку, а, когда он понадобится снова, верните его на место.

В браузере Mozilla Firefox для работы с пользовательскими скриптами необходимо установить дополнение «Greasemonkey» (Засаленная обезьяна). Для этого откройте страницу «Greasemonkey» на сайте дополнений Firefox и нажмите зеленую кнопку «Добавить в Firefox», после чего вас предупредят о безопасности. Подождите несколько секунди и нажмите кнопку «Установить сейчас».

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

В правом нижнем углу окна Firefox появится маленькая обезьянья рожица, по которой можно кликать левой кнопкой мыши, чтобы быстро включать/отключать сразу все скрипты, а правой кнопкой — чтобы отключать отдельные скрипты или же чтобы открыть экран управления скриптами. Оттуда можно посмотреть список всех установленных скриптов, удалить ненужные и так далее. Управление скриптами также доступно в меню «Инструменты», пункт «Greasemonkey».

Теперь при попытке открыть файл пользовательского скрипта (например, при клике по ссылке на скрипт из клуба) будет открываться окошко Greasemonkey, в котором вам будет предлагаться установить скрипт (кнопка «Начать установку» становится активной после трехсекундного обдумывания вопросов безопасности):

В браузере Google Chrome пользовательские скрипты (UserJS) поддерживаются «из коробки»: необходимо только настроить папку, в которой будут храниться скрипты, и запустить сам браузер необходимыми параметрами.

Во-первых.
Создайте папку, где будут храниться пользовательские скрипты, на вашем компьютере. Пусть для примера это будет папка «E:NickScripts».

Во-вторых.
Сохраните в этой папке любой понравившийся вам пользовательский скрипт, который совместим с Google Chrome (в нашем клубе он будет помечен меткой «chrome»). Для этого откройте скрипт в браузере, нажмите [Ctrl]+[S] и укажите ту самую папку с пользовательскими скриптами и нажмите «Сохранить / Save»:

Обратите внимание, имя файла скрипта должно заканчиваться на .user.js

В-третьих.
Запустите Google Chrome с параметрами, разрешающими запуск пользовательских скриптов. Для этого сначала закройте браузер, потом щелкните правой кнопкой мыши на иконке Google Chrome на рабочем столе, выберите «Свойства» и в открывшемся окошке перейдите на вкладку «Ярлык». Вам необходимо изменить поле «Объект». Обычно оно содержит запись вида:
“C:Documents and Settings%USERDIR%Local SettingsApplication DataGoogleChromeApplicationchrome.exe”
Добавьте к ней после закрывающей кавычки параметры запуска: –enable-user-scripts –user-scripts-dir=E:NickScripts
Не забудьте изменить путь E:NickScripts на тот, который вы используете для хранения скриптов.

В-четвертых.
Запустите Google Chrome! Скрипты работают!

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

Сценарии Greasemonkey для Firefox: что он делает и как его использовать

Если вы используете Firefox на своем ПК с Windows, вы можете получить гораздо больше, чем веб-разработчики, созданные для вас на своих веб-страницах. Грязная обезьяна это пользовательское расширение, которое помогает вам настроить способ просмотра веб-сайтов на вашем Firefox. Это расширение, которое помогает расширенный просмотр позволяя пользователям устанавливать скрипты, которые вносят изменения «на лету» в содержимое веб-страницы после или до загрузки страницы в браузере.

Чтобы использовать его, вам не нужно знать JavaScript – в Интернете доступны десятки сценариев, которые можно использовать для настройки способа просмотра веб-сайтов на вашем Firefox. Например, он может сканировать веб-страницу для технических слов и предоставлять вам свои значения, когда вы наводите курсор на нее. В этой статье рассказывается о том, что такое Greasemonkey и как найти сценарии Greasemonkey, которые отвечают вашим потребностям.

Что такое Greasemonkey

Мы говорили о Greasemonkey в приведенном выше параграфе. В принципе, это расширение для браузера Firefox. Это позволяет вам изменить способ работы веб-сайтов при открытии их в вашем браузере. Браузер должен быть Firefox или что-то, что основано на коде Firefox.

НОТА: Не все браузеры, использующие код Mozilla, будут поддерживать Greasemonkey. Например, TOR не будет, но EPIC может.

Расширения запускаются при загрузке веб-сайта или при выходе из веб-сайта – на основе того, как запрограммирован пользовательский скрипт, чтобы дать вам желаемую производительность. Greasemonkey доступен для скачивания в магазине расширений Firefox, а также на сайтах, таких как softensonic. Если вы уже используете Firefox, лучшим и безопасным способом будет загрузка Greasemonkey из магазина. Таким образом, вы избегаете поддельного программного обеспечения, которое может испортить или взломать ваши вычисления.

Как использовать скрипты Greasemonkey

Установка сценариев Greasemonkey проще, чем вы думали. Так же, как вы добавляете какое-либо расширение или что-либо программное обеспечение, когда вы найдете сценарий greasemonkey, нажмите кнопку установки напротив него или в любом месте на странице. Если возможно, вы также можете перетащить скрипт на текущий веб-сайт, где вы хотите применить сценарий.

Вы также можете создавать свои собственные скрипты. Нажмите кнопку «вниз» рядом с greasemonkey, нажмите «Создать новый скрипт» и напишите свой код во втором текстовом поле. Затем вы можете указать веб-сайты, на которых вы не хотите запускать скрипт, путем ввода их URL-адресов – по одному в каждой строке – в поле «Исключить». Обратите внимание, что вы можете использовать только Javascript для создания сценариев Greasemonkey.

Но помните один важный момент – всегда загружайте и используйте скрипты из источников, которым вы доверяете полностью!

Где найти пользовательские скрипты Greasemonkey

Некоторые скрипты присутствуют на веб-сайте Greasemonkey: www.greasespot.net

Существует огромный репозиторий для пользовательских скриптов Greasemonkey по адресу: www.userscripts.org

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

Как отключить скрипты Greasemonkey на определенных сайтах

Чтобы включить Greasemonkey, не удаляя его из Firefox, просто нажмите значок обезьяны, который появляется в левой части. Значок Greasemonkey состоит из двух частей: один – обезьяна, а другой – выпадающий список, обозначенный клавишей вниз. Чтобы переключиться с помощью и не использовать Greasemonkey, щелкните значок обезьяны.

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

Greasemonkey: Полезные ресурсы

  1. ЧАСТО ЗАДАВАЕМЫЕ ВОПРОСЫ: http://wiki.greasespot.net/FAQ
  2. Информация об устранении неполадок: http://wiki.greasespot.net/Troubleshooting_(Users)
  3. Чтобы поделиться сценарием: http://wiki.greasespot.net/User_Script_Hosting

Вы можете проверить исходный код GreaseMonkey на GitHub.

Теперь рассмотрим эти 5 полезных скриптов YouTube GreaseMonkey.

Почему выскакивает консоль браузера мазила. Использование консоли разработчика JavaScript

Современные браузеры предоставляют встроенные инструменты разработки для JavaScript и других технологий. Среди этих инструментов можно найти консоль, которая похожа на интерфейс оболочки, а также инструменты для проверки DOM, отладки и анализа сетевой активности.

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

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

Работа с консолью JavaScript в браузере

Большинство современных веб-браузеров, поддерживающих HTML и XHTML, по умолчанию предоставляют доступ к консоли разработчика, где вы можете работать с JavaScript в интерфейсе, подобном оболочке терминала. В этом разделе вы узнаете, как получить доступ к консоли в Firefox и Chrome.

Браузер Firefox

Эти инструменты позволяют проверять и редактировать элементы DOM, а также искать объекты HTML, связанные с конкретной страницей. DOM может показать, имеет ли фрагмент текста или изображение атрибут ID, и может определить значение этого атрибута.

Кроме того, в боковой панели или под панелью DOM можно найти стили CSS, которые используются в документе HTML или таблице стилей.

Чтобы отредактировать DOM в реальном времени, дважды кликните по выбранному элементу. Для примера можете попробовать превратить тег

Опять же, после обновления страница примет прежний вид.

Вкладка Network

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

Использовать вкладку Network можно вместе с консолью JavaScript. Например, вы можете начать отладку страницы с помощью консоли, а затем открыть вкладку Network и просмотреть сетевую активность, не перезагружая страницу.

Отзывчивый дизайн

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

Современные браузеры (в том числе Firefox и Chrome) предоставляют модели соблюдения принципов отзывчивого дизайна при разработке сайтов и приложений. Эти модели эмулируют поведение того или иного устройства, что позволяет протестировать и проанализировать все функции сайта.

Больше об этом можно узнать в руководствах браузеров:

  • Responsive Design Mode в Firefox

Заключение

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

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

Что такое консоль в браузере

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

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

Стоит учитывать, что начиная с 30 эта строка Firefox отключена. Для того чтобы запустилась консоль в Mozilla нужно присвоить строке about:config – devtools.chrome.enabled код true. Также для активации улучшения можно воспользоваться другим способом.

Необходимо поставить галочку рядом с графой «Включить инструменты отладки Browser Chrome и дополнений» для Firefox 40, в предыдущих версия название этой графы может немного различаться.

После открытия окна разработчика можно увидеть, что интерфейс делиться на 3 части:

Особенности работы в режиме веб-разработчика

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

Один из весьма полезных инструментов — console.log. Он служит для отладки вывода, но продвинутые пользователи также прибегают к нескольким другим методам работы с информацией. К примеру, принцип работы console.log довольно сильно схож с printf.

Также в Фаерфокс есть возможность использовать паттерн «%c», для применения второго аргумента при форматировании стиля. В Мозилле отобразиться небольшая иконка серого цвета рядом с информацией, а именно предупреждениями или сообщениями об ошибке. Это означает, что эти уведомления требуют внимания. Сообщения отладки в этом поисковике не обозначаются, так как, по мнению разработчиков, они устарели и вместо них нужно использовать console.log().

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

Использование таймера и сохранение состояния

Включенный режим разработчика подразумевает возможность использования таймера. Его можно запускать через console.time. Остановка таймера производиться при помощи console.timeEnd. Время отображается в миллисекундах.

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

Довольно часто для справки или отслеживания логов нужно сохранить информацию. Для сохранения состояния или данных отображающихся между открытием страницы не нужно ничего предпринимать. Фаерфокс сохранит эту информацию автоматически. Вы даже сможете очистить сообщение после активации кнопки в правом верхнем углу или же заново открыв панель.

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

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

Запуск Java-скриптов через консоль браузера:

Консоль в Mozilla Firefox:
Консоль в Google Chrome и других браузерах, основанных на Chromium:

Консоль в Opera 12:

Консоль в Internet Explorer:

Консоль в Safari:

Все скрипты вводятся в консоли в специально отведённое поле рядом с иконкой-стрелочкой (см. скриншоты, зоны для ввода скриптов выделены красной рамкой). Запуск скриптов осуществляется нажатием кнопки Enter . После ввода и запуска любого скрипта вы будете видеть все комментарии или ошибки в ходе их выполнения.

Запуск Java-скриптов из адресной строки браузера:

Адресная строка в Mozilla Firefox:
Адресная строка в Google Chrome и других браузерах, основанных на Chromium:
Адресная строка в Opera 12:
Адресная строка в Internet Explorer:
Адресная строка в Safari:

Использование браузерных плагинов для хранения и запуска скриптов:

Плагин Greasemonkey для Mozilla Firefox:

Инструкция по эксплуатации:

Плагин Tampermonkey для Google Chrome:

Инструкция по эксплуатации:


Вот так работают плагины Greasemonkey и Tampermonkey. Всё быстро и просто. Добавленные скрипты никуда не пропадают, их также можно включать и выключать в любое удобное время.

Ссылка на основную публикацию
Adblock
detector