Dimensions – pretty useful browser extension for measurement checking.
Tag Archives: chrome
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:
[javascript]
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)
[/javascript]
Шорткаты адресной строки браузера
На хабре уже мелькала статья в тему. Суть в том, что мы делаем поисковый запрос, используя поисковый механизм конкретного сайта, до перехода на сам сайт в адресной строке браузера.
Проще будет на примере. Мы хотим запустить поиск по хабру. Переходим в строку браузера и пишем “h” и далее пробел, и о чудо:
мы видим что мы уже ищем по хабру.
Stackoverflow from browser location
Stackoverflow Tag Search – chrome extension provides search from your browser location. Just type ‘s’ and then space. Enjoy!
AngularJs Batarang
Если вы уже работаете с AngularJS, то наверняка заметили, что стандартные инструменты веб разработчика не предоставляют необходимую функциональность, иногда хочется чего-то более специализированного на конкретных особенностях фреймворка. И нам спешит на помощь расширение для Chrome – Angular 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?
Возможности консоли браузера
Речь пойдет о начинке встроенного объекта 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)