Блог

Я только что видел очень интересный виджет пользовательского интерфейса. Этот виджет объясняет, как работает Twilio SMS Api. Когда пользователь нажимает на число, в изображении происходит небольшое изменение.

Я хотел бы узнать, как работает этот виджет. Какие инструменты я должен использовать, чтобы изучить его? Как бы вы попытались выяснить механизм работы этого виджета?

используйте webinspector в Chrome или safari (ctrl shift i или ctrl alt i). или используйте firebug, который является дополнением для Firefox (мой инструмент).

оттуда выберите элемент / виджет с помощью инструмента инспектора. Вы увидите структуру html. Поиграйте с виджетом и посмотрите, как изменяется html. Найдите вкладку DOM и посмотрите, что там изменилось. Посмотрите на тег scripts / ressources и посмотрите, можете ли вы определить скрипт, который выполняет эту функцию. Если нет, попробуйте установить точки останова в частях кода, вы думаете, это может привести к эффекту..

этот процесс может быть долгим и трудным, а иногда и довольно простым. Действительно зависит от виджета и способа компоновки веб-сайта..