fix20152
@fix20152
javascript developer

Как отследить работу js скрипта?

Всем привет.

Ребята, существует ли какой-то екстеншин чтобы отследить работа js скрипта?

Для примера:
Есть сайт fbcover-designer.com/, в нем создается с помощью canvas объект, потом этот текст можно увеличивать, переворачивать, вот я хотел бы посмотреть, какие строки отвечают за эти действия?
  • Вопрос задан
  • 4529 просмотров
Пригласить эксперта
Ответы на вопрос 3
iiil
@iiil
Инженер и вэб-дизайнер, рисую.
В chrome есть по F12 справа вкладка Event Listeners, еще можно ставить breakpoints.
Вот статья еще, может поможет habrahabr.ru/post/76485
Она про отладку, но суть одна и та же.
Ответ написан
ikeagold
@ikeagold
Ikeagold Web-Dev
В статье habrahabr.ru/post/167119 есть вот такой текст:
События — незаменимый инструмент для создания сложных приложений. Для удобства пользования, и более детальной настройки, Fabric имеет обширную систему событий; начиная от низкоуровневых событий мыши, и вплоть до высокоуровневых событий объектов.

И далее идет пример, вот так они это и сделали. Хотя @iiil правильно вам сказал прочесть API.
Список всех событий:
На уровне мышки, у нас есть "mouse:down", "mouse:move", и "mouse:up". Из общих, есть "after:render". Есть события касающиеся выбора объектов: "before:selection:cleared", "selection:created", "selection:cleared". Ну и конечно же, события объектов: "object:modified", "object:selected", "object:moving", "object:scaling", "object:rotating", и "object:added".

Скрипт с их фукнциями fbcover-designer.com/js/fabric/fabric-custom.js
Ну если переписали то тут хз, тогда надо по новой по апи делать всё.
Ответ написан
madmages
@madmages
Человек прямоходящий
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы