1. отладчик;Я уже говорил, что вы можете добавить отладочное предложение в ваш код Javascrip{filter}t; чтобы создать эффект точки остановки вручную.
Нужен остановочный пункт с условиями? Вам просто нужно окружить его оператором if:
Но не забывайте вырезать их до выпуска программы.
2. Установить точку остановки так, чтобы она срабатывала при изменении узла DOM
Иногда вы обнаружите, что DOM выходит из-под вашего контроля и сам по себе подвергается странным изменениям, что затрудняет поиск корня проблемы.
В инструментах разработки Google Chrome есть очень полезная функция, которая помогает справиться с этой ситуацией — «Break on...», вы можете кликнуть правой кнопкой мыши по узлу DOM и увидеть этот пункт меню.
Условие триггера для точки остановки можно задать так, чтобы узел был удалён, изменили свойства узла или один из его подузлов.
3. Точки разрыва Ajax
Точки прерыва XHR, или Ajax breakpoints, как их называют, позволяют нам установить точку остановки, которая запускает вызов Ajax признака при её возникновении.
Это очень эффективно при отладке веб-приложения по сети.
4. Среда моделирования мобильных устройств
Google Chrome предлагает очень интересные инструменты для моделирования мобильных устройств, которые помогают нам отладить работу программы на мобильном устройстве.
Чтобы найти его, нажмите F12, откройте инструменты разработчика, затем нажмите клавишу ESC (текущая вкладка не может быть Console), и вы увидите окно отладки второго уровня на вкладке эмуляции с различными устройствами для выбора.
Конечно, это не будет настоящий iPhone, а просто имитация размеров iPhone, сенсорных событий и значений пользовательского агента браузера.
5. Улучшайте свой сайт с помощью аудитов
YSlow — отличный инструмент. В инструментах для разработчиков Google Chrome есть очень похожий инструмент под названием Audits.
Он быстро проводит аудит вашего сайта и даёт очень практичные и эффективные советы и способы его оптимизации.
|
Опубликовано 13.06.2017 13:11:32
|
|
|
|
Опубликовано 13.06.2017 15:24:17