Dowiedz się, w jaki sposób w Chrome DevTools możesz debugować zmiany w HTML

Spis treści

  1. Wprowadzenie
  2. Zatrzymywanie się na modyfikacji HTML
    1. Modyfikacja wewnątrz elementu
    2. Modyfikacja atrybutu elementu
    3. Usunięcie elementu
    4. Kod w repozytorium Github
  3. React – zatrzymywanie się na modyfikacji HTML
    1. Kod w repozytorium Github
  4. Podsumowanie

Wprowadzenie

Możliwość debugowania zmian w HTML była funkcjonalnością, o której sam długo nie widziałem. Co prawda jest ona dużo bardziej użyteczna w JS niż w React, warto jednak o niej wiedzieć – nadal przecież powstają strony nieużywające frameworków JS. Możliwość zapięcia się na zmiany HTML może również być użyteczna w sytuacji, gdy nasza aplikacja używa bibliotek zewnętrznych GUI, by móc sprawdzić np dlaczego jakiś element został ukryty. Stąd ten krótki wpis – myślę że to drobna rzecz o której naprawdę warto wiedzieć.

Czytaj dalej Dowiedz się, w jaki sposób w Chrome DevTools możesz debugować zmiany w HTML