Debugging Client Side JS
Налагодження клієнтського JS
Налагодження клієнтського JS може бути важким, оскільки кожного разу, коли ви змінюєте URL (включаючи зміну використаних параметрів або значень параметрів), вам потрібно скасувати точку зупинки та перезавантажити сторінку.
debugger;
debugger;
Якщо ви розмістите рядок debugger;
всередині файлу JS, коли браузер виконує JS, він зупинить відладчик в цьому місці. Таким чином, одним зі способів встановлення постійних точок зупинки буде завантаження всіх файлів локально та встановлення точок зупинки в коді JS.
Перевизначення
Перевизначення браузера дозволяє мати локальну копію коду, який буде виконуватися, та виконувати цей код замість того, що з віддаленого сервера. Ви можете отримати доступ до перевизначень в "Інструменти розробника" --> "Джерела" --> "Перевизначення".
Вам потрібно створити локальну порожню папку для зберігання перевизначень, тому просто створіть нову локальну папку та встановіть її як перевизначення на тій сторінці.
Потім, в "Інструменти розробника" --> "Джерела" виберіть файл, який ви хочете перевизначити, та з клацанням правою кнопкою виберіть "Зберегти для перевизначень".
Це дозволить скопіювати файл JS локально, і ви зможете змінити цю копію в браузері. Просто додайте команду debugger;
туди, де ви хочете, збережіть зміни та перезавантажте сторінку, і кожного разу, коли ви звертаєтеся до цієї веб-сторінки, буде завантажуватися ваша локальна копія JS, а ваша команда відладчика буде збережена на своєму місці:
Посилання
Last updated