Возможна ли отладка сложных страниц HTML / CSS / JavaScript?

Question

Рассмотрим сложное многофункциональное интернет-приложение с большим количеством взаимодействий с пользователем. Я имею в виду обширную поддержку перетаскивания, проверку пользовательского ввода на стороне сервера, настраиваемые элементы управления пользовательского интерфейса, такие как календарь в стиле Outlook, обратную связь пользовательского интерфейса в реальном времени и т. Д. Будет ли такое приложение отлаживаться? Я имею в виду, можете ли вы легко просмотреть исходный код, установить точки останова, просмотреть содержимое переменных, посмотреть текущий стек вызовов, использовать профилировщик для определения проблем с производительностью и т. Д. *

Answer 1

Да, а почему бы и нет?

Сложность просто означает, что нужно копать больше кода, но такие инструменты, как console.trace () из Firebug, делают это проще.

Answer 2

Если бы ваша работа зависела от этого, вы бы нашли способ! :)

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

Интерфейсы веб-приложений, как правило, относительно просты. По сути, вы просто загружаете текст с сервера в браузер и делаете его красивым; и вы используете различные части дисплея в браузере в качестве элементов управления, некоторые из которых инициируют еще несколько текстовых бесед с сервером. Конечно, есть много мелочей, которые могут пойти не так, но большая часть трудностей заключается в том, чтобы просто заставить браузер (все!) Делать то, что вы имеете в виду.

Единственные действительно сложные проблемы - это проблемы, которые периодически или чувствительны к времени. Это может быть медведь, чтобы воспроизвести и проследить. Это требует глубокого логического анализа вашего исходного кода и / или некоторых специализированных методов тестирования.

Answer 3

Да, это было бы с возможностью отладки.

Если вы используете IE8 для тестирования своего сайта, вы можете использовать Инструменты разработчика для проверки отдельных элементов HTML и изменения их CSS на лету. Также есть возможность взломать Javascript из того же интерфейса.

Если вы используете Firefox, Firebug имеет почти идентичные способности с другим интерфейсом.

Safari также имеет инструменты разработчика, установленные по умолчанию, вам просто нужно пройти через их настройку.

Answer 4

Когда вы разрабатываете свое приложение, проектируйте его с учетом отладки и тестируемости. Удостоверьтесь, что отдельные части тестируются независимо, у вас достаточно тестовых данных, у вас есть соответствующие точки отладки / проверки в логике вашей программы и т. Д. По сути, если сложность должным образом управляется, отладка не будет проблемой вообще.