JQuery виджет И Chrome инспектор - PullRequest
Новая
       3

JQuery виджет И Chrome инспектор

1 голос
/ 04 апреля 2020

Chrome Инспектор очень силен в отладке. Я часто использую консоль для поиска определенной c функции. Например, когда у меня есть функция Recompute () javascript, я хочу добавить в нее точку останова:

  • Я ввожу в консоли пересчет
  • Chrome показывает заглушка функции
  • Я нажимаю на нее, и она отправляет меня прямо на вкладку источника в правильной виртуальной машине, содержащей функцию
  • Я добавляю точку останова и Voilà:)

Я сейчас работаю с Jquery виджетами, подобными этому: 

$.widget( "app.Recomputer", {


    recompute: function () {
        // Code where I want to break
    }
};

Есть ли способ заставить Chrome Inspector открывать вкладку Source, где находится этот код?

1 Ответ

1 голос
/ 04 апреля 2020

Пожалуйста, откройте свою HTML страницу или сайт и go в окне отладчика (Нажмите ctrl + shift + I ИЛИ F12 )

Затем нажмите ctrl + shift + F

Введите имя функции в текстовом поле поиска и поиска, затем вы можете увидеть имя функции в результате и щелкнуть по нему.

Вы можете добавить точку останова на функцию и продолжить отладку

Примечание: - Иногда вы не можете получить что-либо в результатах поиска, когда используете скрипт в MVC частичном просмотре и тому подобное. Поэтому, пожалуйста, поместите файл скрипта в ваш раздел тега head или в комплектацию. Это означает, что файл скрипта должен загружаться при начальной загрузке веб-страниц, и это тоже хорошая практика.

...