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