New Chrome console features

You could set the focus on element without pointing it via inspector, there is “inspect” method in console now:

one more helper-method in console is “copy” – to stringify and copy to clipboard:

after such operation you will have document.body element converted into string in your clipboard.

Some inspiration for start playing:

inspect(document.body.firstChild)
inspect(document.querySelector('div'))
inspect(document.querySelector('.ng-scope'))
inspect($1)

copy($0)
copy(document.querySelectorAll('div')[0])
copy(document.cookie)

Шорткаты адресной строки браузера

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

Проще будет на примере. Мы хотим запустить поиск по хабру. Переходим в строку браузера и пишем “h” и далее пробел, и о чудо:

мы видим что мы уже ищем по хабру.

Continue reading

AngularJs Batarang

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

Инструмент еще достаточно сырой, сами авторы этого не скрывают: “We are releasing this early version because we’d love to get your feedback. Let us know what you think and what we should add or improve in the AngularJS Google Group.” Но все же уже можно начинать пробовать на вкус.

Итак что же нам дает использование Batarang’a?

Continue reading

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

Речь пойдет о начинке встроенного объекта 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