En En

Object Inspector


Inspector имеет панель, которая позволяет просматривать и взаимодействовать с объектами Ember. Чтобы открыть ее, щелкните на любой объект Ember. После этого вы можете просматривать свойства объектов.

Просмотр объектов

Вот, что вы увидите, когда щелкните по объекту:

Inspector отображает родительские объекты и миксины, которые входят в состав выбранного объекта, включая унаследованные свойства.

Каждое значение свойства в этом представлении связано с приложением, поэтому если значение свойства в приложении обновляется, то это будет отражено в Inspector.

Если перед именем свойства стоит иконка калькулятора, то — это вычисляемое свойство. Если значение вычисляемого свойства еще не указано, вы можете щелкнуть на иконку калькулятора, чтобы исправить это.

Вывод объектов на консоль

Отправка из INSPECTOR на консоль

Вы можете вывести объекты на консоль, если щелкните в Inspector на кнопку $E. Так вы установите глобальную переменную $E на выбранный объект.

Вы также можете вывести на консоль свойства. Когда вы наведете курсор на свойства объекта, рядом с каждым из них будет появляться кнопка $E. Щелкните на нее, чтобы вывести значение свойства на консоль.

Отправка из консоли в INSPECTOR

Вы можете отправить объекты и массивы Ember в Inspector с помощью EmberInspector.inspect в консоли.

var object = Ember.Object.create();
EmberInspector.inspect(object);

Убедитесь, что Inspector активен, когда будете вызывать этот метод.

Редактирование свойств

Вы можете редактировать в Inspector свойства StringNumber и Boolean. Изменения будут сразу отражены в приложении. Щелкните на значение свойства, чтобы начать редактирование.

Отредактируйте свойство и нажмите клавишу ENTER, чтобы подтвердить изменения, или клавишу ESC, чтобы отменить их.

Навигация по INSPECTOR

Помимо просмотра свойств выше, вы можете проделывать то же самое со свойствами объектов и массивов Ember.

Через Inspector вы можете продолжать углубляться в свойства объекта или массива Ember. На изображении ниже мы сначала щелкнули по свойству model, а затем по свойству store.

Тут вы можете видеть путь к текущему объекту на самом верху Inspector. Можно вернуться к предыдущему объекту, если щелкнуть стрелочку вверху слева.

Индивидуальное группирование свойств

Некоторые свойства группируются не только по наследованию, но и по семантике уровней фреймворка. Например, если вы просматриваете модель Ember Data, то можете видеть группы AttributesBelongs ToHas Many и Flags.

Авторы библиотек могут индивидуально настраивать отображение любого объекта в Inspector. С помощью метода _debugInfo объект может сообщить Inspector, как его необходимо отобразить. Чтобы просмотреть примеры настройки свойств объектов, загляните в раздел настройки Ember Data.


Комментарии (0)

    Выделите опечатку и нажмите Ctrl + Enter, чтобы отправить сообщение об ошибке.