1. дебъгер;Вече съм казвал, че можете да добавите дебъгер изречение към вашия Javascrip{filter}t код; за да се създаде ефект на точка на прекъсване ръчно.
Нуждаете се от точка на прекъсване с условия? Просто трябва да го обградите с if твърдение:
Но не забравяйте да ги изрежете преди програмата да бъде пусната.
2. Задайте точката на прекъсване да се задейства, когато DOM възелът се промени
Понякога ще откриете, че DOM е извън вашия контрол и ще претърпява странни промени сами, което затруднява достигането до корена на проблема.
Има много полезна функция в инструментите за разработка на Google Chrome, която може да се справи с тази ситуация, наречена "Break on...", можете да кликнете с десен бутон върху DOM възела и да видите този елемент от менюто.
Условието за тригер за точка на прекъсване може да бъде зададено така, че възелът да бъде изтрит, свойствата на възела да се променят или някой от подвъзелите да се променя.
3. Аякс точки на прекъсване
XHR точки на прекъсване, или Ajax breakpoints, както се наричат, ни позволяват да зададем точка на прекъсване, която задейства Ajax повикването на дадена функция, когато се появи.
Това е много ефективно, когато дебъгвате уеб приложение през мрежа.
4. Среда за симулация на мобилни устройства
Google Chrome предлага някои много интересни инструменти за симулиране на мобилни устройства, които ни помагат да дебъгваме как работи програмата на мобилното устройство.
За да го намериш, натисни F12, отвори инструментите за разработчици, след това натисни клавиша ESC (текущият таб не може да е Console), и ще видиш второто ниво на прозореца за отстраняване на грешки, в таба Емулация с различни емулаторни устройства за избор.
Разбира се, това няма да е истински iPhone, а просто да симулира размерите на iPhone-а, да се докосват събитията и стойностите на User Agent в браузъра.
5. Подобрете уебсайта си с одити
YSlow е страхотен инструмент. Има много подобен инструмент в инструментите за разработчици на Google Chrome, наречен Одити.
Той бързо одитира вашия уебсайт и ви дава много практични и ефективни съвети и начини за оптимизация на него.
|
Публикувано в 13.06.2017 г. 13:11:32 ч.
|
|
|
|
Публикувано в 13.06.2017 г. 15:24:17 ч.