Chrome DevTools - самое необходимое для новичков

Поділитися
Вставка
  • Опубліковано 25 вер 2024

КОМЕНТАРІ • 24

  • @Taiga_libertarian
    @Taiga_libertarian 10 місяців тому +2

    Михаил, спасибо за видео, полезно иногда повторять даже начальную информацию по инструментам, т.к. некоторые фишки всё равно забываются с течением времени. Как всегда хорошо выглядите 🤍

  • @unicoxr5tj417
    @unicoxr5tj417 10 місяців тому +9

    Михаил, сурсы, да и вообще дебигинг бы рассмотреть. Хар логи и все тонкое, вызывающее истерики, профессиональное показал бы)

    • @Вежливыйлось-д7и
      @Вежливыйлось-д7и 10 місяців тому +1

      Михаил, В Firefox есть удобный фишка, которая позволяет увидеть что на элементе html висит обработчик клика и очень быстро можно посмотреть какая функция вызывается при этом. В хроме такое есть?

    • @mishanep
      @mishanep  10 місяців тому

      В хроме можно повесить брейкпойнт на ноду на предмет мутации - изменение атрибута или удаление. Касаемо обработчика на клик во вкладке Elements - не помню такого.

    • @ДарьяФилинова-р7э
      @ДарьяФилинова-р7э 5 місяців тому

      @@Вежливыйлось-д7и вкладка event listeners рядом с style, computed и пр. в elements. выделяете элемент и переходите в эту вкладку. там отображаются все обработчики, которые применяются к элементу

    • @RustemmKh
      @RustemmKh 4 місяці тому

      @@Вежливыйлось-д7и В хроме тоже есть: в Elements, справа Event Listeners.

  • @Дмитрийсекрет-н7о
    @Дмитрийсекрет-н7о 10 місяців тому +1

    Спасибо. Очень полезный получился урок.

  • @artem6987
    @artem6987 10 місяців тому

    Отличное видео Михаил! Ты единственный ІТ блогер, видео которого не вызывают у меня естественного сопротивления вникать во что-то новое и которые я могу смотреть просто с удовольствием! 👍

  • @nameother6213
    @nameother6213 10 місяців тому

    Спасибо. Полезное видео.

  • @V4VFAloj7juAyQW
    @V4VFAloj7juAyQW 10 місяців тому +1

    Спасибо!!! Только я хотел попросить дорогого учителя сделать такой урок... А он уже готов. Михаил, научите ещё дебажить в вскоде и вебшторме. И работать в вебшторме. Это наверное на целый курс потянет

    • @mishanep
      @mishanep  10 місяців тому +2

      У меня есть видео по дебагу Реакт-приложений в VS Code ua-cam.com/video/uvHgm0Xs7zg/v-deo.htmlsi=F6pzOQJS0VFmUUO3 По вебшторму пока ничего не планирую, так как сейчас им не пользуюсь.

    • @V4VFAloj7juAyQW
      @V4VFAloj7juAyQW 10 місяців тому

      @@mishanep спасибо!

  • @ruslan3040
    @ruslan3040 8 місяців тому

    так ну михе лайк сразу

  • @NeoCoding
    @NeoCoding 9 місяців тому

    спасибо хоть и не первое десятилетие зырю в это окно всё равно кое-что почерпнул

  • @doberman1396
    @doberman1396 9 місяців тому

    тоже болею за МЮ ;))

  • @Gazovchik
    @Gazovchik 10 місяців тому +1

    Добрый день, Миша.
    А Продолжение этой темы будет?......
    Всем Адекватности мира и добра

    • @mishanep
      @mishanep  10 місяців тому +1

      Приветствую. Пока не планирую. Данное видео было по запросу от одного из моих учеников. У меня есть видео по деббагеру в devTools и отдельно по дебаггингу в VS Code.

    • @Gazovchik
      @Gazovchik 10 місяців тому

      @@mishanep ,
      Услышал.

  • @kirillbaryba746
    @kirillbaryba746 10 місяців тому +1

    и debug на мобильных устройствах интересно

  • @ПетрПетров-ж9е
    @ПетрПетров-ж9е 8 місяців тому

    [3:38] У автора ошибка не от порядка самих класов а от порядка расположения в css файле

  • @ЭдриаӇ̄
    @ЭдриаӇ̄ 9 місяців тому

    Спасибо за ролик, но как быть, если у нас огромное приложение с UI библиотекой, вот мы нашли нужный нам элемент на страничке, но как найти нам этот элемент в коде?

    • @mishanep
      @mishanep  9 місяців тому +1

      Мы смотрели панель без учёта внешних инструментов. Вариантов по усложнению множество - какой фреймворк, какая UI библиотека, какие соглашения внутри команды разработки в частности по именованию компонентов и пр. Универсального ответа здесь нет.

  • @araz911
    @araz911 10 місяців тому

    Ti sam xotyabi ponyal chto skazal?