Возможности консоли браузера

Речь пойдет о начинке встроенного объекта console в браузерах Chrome и Firefox.

Начнем с простого – метод console.log(). Базовый синтаксис:

console.log(obj1 [, obj2, ..., objN);
console.log(msg [, subst1, ..., substN);

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

console.log("%s is %d years old.", "Bob", 42)

и выведет оно, как вы уже догадались: Bob is 42 years old.

Для подстановки можно использовать следующие подшаблоны:

  • %o – для ссылки на объект
  • %d, %i – целые чила (integer)
  • %s – строки
  • %f – числа с плавающей запятой (float)

Continue reading

Автодополнение к Firebug консоли

Понял что многие разработчики, использующие в своей работе firebug console, не переставляют что к ней появилось дополнение реализующее автокомплит (То что так хорошо работает в Chrome)

Вот оно Firebug Autocompleter, используйте на здоровье.

Debug ON. Кнопка в FireFox для разработчика.

В дополнение к статье http://habrahabr.ru/post/140369/ о том, как можно выводить для себя ошибки в консоль, расскажу как можно еще сделать этот переключатель не “путем клика например, на значке копирайта“, а кнопкой в браузере.

Continue reading