Что можно достать из Angular через console.log

Мы уже все привыкли к angular.element API предоставляемое AngularJs, благодаря чему мы можем выбрать элемент и дальше исследовать его свойства в консоли обращаясь как :


> angular.element($0)

angular-element

Более подробно тут.

Но что же может нам дать Angular2?

Continue reading

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]

Userscript console++

I’ve created userscript to extend browser console.

Basic options:

  • own console object with all methods to prevent errors in old browsers
  • using console without context (we can pass console.log as a callback, and no “Illegal invocation” error will be shown)
  • production param (debug information only for dev environment )
  • time and timeEnd methods (if they are not exist)
  • log alias for console.log

Download/install console++.

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.

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

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

Continue reading