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

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

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

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

Стоит учитывать, что начиная с 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, для определения времени за которое была выполнена часть кода.

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

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

Всем здравствуйте! Совсем недавно мы установили в сайдбар блога, а сегодня добавим к нему ещё один не менее полезный счетчик Mail ru и внесем сайт в Майл ру рейтинг . Вебмастера размещают их не для красивого украшения и прикольной фишки, а используют в качестве инструмента при поисковом продвижении. Обычно его устанавливают сразу после создания блога.

Для чего нужен счетчик Mail ru?

1. Для участия в рейтинге сайтов Майл ру, в котором насчитывается более 440 000 ресурсов!
2. Для получения дополнительного трафика с одноименного поисковика. Сегодня у меня трафик с него составляет 16% :smile:, если сравнить с поисковой системой Google. Чем выше рейтинг, тем больше посетителей;).
3. Счетчик посещений Mail.ru используют для подсчета посетителей и ведения подробной статистики, то есть даются подробные данные :

• Количество посетителей;
• Время, проведенное на сайте;
• Количество просмотренных страниц;
• С каких источников пришли люди;
• Статистика аудитории по полу, возрасту, городу…

Регистрация в рейтинге и настройка Майл ру счетчика посещаемости сайта

1. Для начала требуется перейти по ссылке .
2. Теперь следует согласиться с правилами сервиса и нажать на кнопку для регистрации в рейтинге@Mail ru.
3. Выбираете подходящую тематическую категорию для сайта, кликнув на неё:
4. В открытом окне внесите данные о веб-проекте:
   Хочу обратить внимание на поле Категория , где можно изменить категорию при регистрации нового веб-сайта, нажав на кнопку Полный список . В самом низу выбираете статистику общедоступную или закрытую и кликнете на Зарегистрироваться .
5. Далее переходим по соответствующей ссылке, чтобы получить код счетчика :
   
6. Теперь самое увлекательное занятие – подбор внешнего вида для Mail ru счетчика, подходящий под дизайн ресурса по размеру и цвету:
   
7. Замечу, что у каждой картинки совершенно непохожая цветовая гамма, так что есть из чего выбирать:smile::
   
8. После подбора приятного дизайна в самом низу страницы кликните на кнопку Получить код счетчика .
9. Наступил самый сложный момент – это вставить код счетчика посещений Mail.ru на блог. Для начинающих рассмотрим самый простой вариант. Идем в админку в меню Внешний вид (1), Виджеты (2), перетаскиваем виджет Текст (3) левой клавишей мыши в футер или нижнюю часть сайдбара, вставляем html-код (4) и сохраняем (5):
   
10. Переходим на страничку блога и видим такую красоту. Я разместил его прямо под установленным ранее счетчиком LI:
11. Добавить счетчик посещаемости удалось, и всё же для полной красоты стоит выровнять его по центру и закрыть исходящие ссылки Майл ру от индексации. Для выравнивания закроем полученный код в подходящий для такого случая тег center , смысл идеи такой:
    
12. Окончательный и доработанный html-код выглядит так:
    
13. Проверить исходящие ссылки можно .

Как разместить html-код в тело шаблона скоро опишу в отдельном анонсе, так что оставайтесь на блоге сайт и подписывайтесь на ленту новостей .

Русский экстрим… после такого сразу похудеешь на 1 кг!