Мы уже все привыкли к angular.element API предоставляемое AngularJs, благодаря чему мы можем выбрать элемент и дальше исследовать его свойства в консоли обращаясь как :
> angular.element($0)
Более подробно тут.
Но что же может нам дать Angular2?
Everything you need is just install npm package:
$ npm install --global speed-testand run
$ speed-testinstead of many words:
В дополнение к этой заметке еще одна о том, как можно проверить работу шаблона/директивы/фильтра в консоли.
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]
По случаю первого апреля создал резюме в консоле.
jTypes console – nice light pop-up JavaScript console
I’ve created userscript to extend browser console.
Basic options:
sources of inspiration:
Речь пойдет о начинке встроенного объекта 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.
Для подстановки можно использовать следующие подшаблоны: