1. отладчик;
Ранее я также говорил, что вы можете добавить debugger; в код JavaScript, чтобы вручную создавать эффект точки останова;
Нужны условные точки останова? Вам просто нужно окружить его операторами if :
Скопируйте код. Код выглядит следующим образом: if (somethingHappens) {.
отладчик;
}
Но не забудьте удалить их до выхода программы.
2. Установите точку останова, которая будет срабатывать при изменении узла DOM.Иногда вы обнаружите, что DOM не находится под вашим контролем и претерпевает некоторые странные изменения, что затрудняет поиск источника проблемы.
В инструментах разработки Google Chrome есть очень простая в использовании функция, которая может специально справиться с этой ситуацией, под названием «Break on...» . Вы можете увидеть этот пункт меню, щелкнув правой кнопкой мыши узел DOM.
Условием срабатывания точки останова может быть установлено удаление узла, любое изменение атрибутов узла или изменение одного из его дочерних узлов.
3. Точки останова AjaxТочки останова XHR или точки останова Ajax, как следует из их названия, позволяют нам установить точку останова, которая запускает определенные вызовы Ajax при их возникновении.
Этот трюк очень эффективен при отладке сетевого трафика веб-приложений.
4. Среда моделирования мобильных устройств.В Google Chrome есть несколько очень интересных инструментов для моделирования мобильных устройств, которые помогут нам отладить работу программ на мобильных устройствах.
Способ найти его: нажмите F12, чтобы открыть инструменты разработчика, а затем нажмите клавишу ESC (текущая вкладка не может быть консолью), вы увидите второй уровень окна отладки, и в нем есть различные устройства моделирования. Вкладка «Эмуляция» Необязательно.
Конечно, это не превращается в настоящий iPhone, а просто моделирует размеры iPhone, события касания и значения пользовательского агента браузера.
5. Используйте аудит, чтобы улучшить свой сайтYSlow — отличный инструмент. В инструментах разработчика Google Chrome также есть очень похожий инструмент под названием Audits .
Он может быстро провести аудит вашего веб-сайта и дать вам очень практичные и эффективные предложения и методы по оптимизации вашего веб-сайта.
Есть ли другие?Я не знаю, как бы я развивался без этих инструментов. Я также буду писать дополнительные советы по этому поводу — следите за обновлениями, чтобы увидеть мой последний пост, как только я узнаю.