Robię samouczek debugowania C hrome , używając NetBeans i Google Chrome. Wszystko, łącznie z rozszerzeniami, wydaje się działać poprawnie, ale kiedy docieram do sekcji Use the Debugger
, nie widzę kodu HTML do wstawienia punktu przerwania.
Po wybraniu wyskakującego okienka inspekcji w przeglądarce otwiera się w konsoli, nic nie pokazuje, elementy wyświetla popup.html z dodanymi obrazami. Kiedy przechodzę do Źródeł, można otworzyć plik popup.html, ale jedyna linia, Linia 1, jest pusta. Jeśli otworzę plik js, plik js tam jest i można go edytować (wskazać przerwę).
Przepraszam - prawdopodobnie coś podstawowego, ale nie mam w tym dużego doświadczenia. Próbowałem przeładować i odświeżyć wszystko.
location.reload(true)
DALSZE INFORMACJE : Po przejściu do wiersza poleceń konsoli plik popup.html stał się widoczny jako źródło! Czemu? Brak pomysłu.
Mam nadzieję, że to uratuje komuś cały dzień, który spędziłem na potykaniu się.
Odpowiedzi:
Wygląda na to, że jest to znany problem z Chromium DevTools. Zasadniczo kod HTML i inne treści niebędące skryptami są już opróżniane przed otwarciem DevTools i nie ma niezawodnego sposobu, aby je odzyskać. Odświeżenie strony przy otwartym DevTools „rozwiązuje” problem.
źródło
w moim przypadku zamówienie pomogło
źródło
Miałem ten problem i właśnie stwierdziłem, że wyłączenie opcji „Włącz mapy źródeł JavaScript” w oknie ustawień Inspektora (F1) rozwiązało go
Odtworzyłem mapę js.map, ponownie włączyłem ustawienie, a źródło było nadal dostępne.
Więc myślę, że moim problemem było to, że obsługiwałem niezminimalizowany js (ustawienia deweloperskie), ale mapa (zbudowana dla ustawień prod) wciąż tam była i nieaktualna.
źródło
W moim przypadku nie mogłem uzyskać dostępu do konsoli, ponieważ jej karta również wyświetlała pustą stronę. Moim rozwiązaniem jest użycie kombinacji CTRL + SHIFT + I z pustym ekranem debugera w centrum uwagi, a następnie wpisanie
parent.location.reload(true)
w konsoli wyskakującego debugera.źródło
W moim przypadku w chrome było rozszerzenie powodujące, że debugger podał pustą stronę indeksu w sekcji „brak domeny” debuggera. Po wyłączeniu wszystkich nieistotnych rozszerzeń w Chrome debugger ponownie pokazał prawidłowe źródło.
źródło
Dev Tools (F12) -> Okno ustawień Inspektora (F1) -> Przywróć domyślne i przeładuj [przycisk na dole] działa dla mnie!
źródło
Zauważyłem, że niektóre poważne problemy z JavaScriptem powodują takie problemy. W moim przypadku błędnie nadpisałem cały dokument z powodu literówki.
Jeśli otrzymujesz pustą stronę HTML w debugerze Chromium WebTools, przyjrzyj się dobrze swojemu javascriptowi, aby upewnić się, że nie robi nic dziwnego.
źródło
Naprawiłem swój problem, używając zupełnie nowej sesji z argumentem wiersza poleceń „--user-data-dir” i wyłączając opcję „Włącz mapy źródeł JavaScript”. Mój kod pojawia się dobrze w debugerze Firefoksa, więc wygląda na to, że jest spowodowany błędem Chrome.
źródło
Miałem ten sam problem. Nawet odświeżenie strony nie zadziałało.
Przechodzenie
chrome://help
i odświeżanie przeglądarki + restart działały dla mnie.Możesz również zaktualizować Chrome za pomocą menu:
źródło
w moim przypadku stało się to nagle, po zainfekowaniu złośliwym oprogramowaniem i zresetowaniu przeglądarki - usunięto cache / appdata.
Rozwiązanie: usuń rozszerzenie, które może mieć wpływ na Js w moim przypadku
Usunąłem / wyłączyłem poniższe rozszerzenie i działałem https://chrome.google.com/webstore/detail/quick-javascript-switcher/geddoclleiomckbhadiaipdggiiccfje?hl=en
dziwne, ponieważ zanim umyję ten dodatek bez problemu, myślę, że to jak RKO do serca. :)
źródło
W moim przypadku przez kilka dni miałem łyk z Browsersync. Wypiłem łyk i rozwiązałem swój problem.
źródło
Miałem również ten problem, gdy miałem ogromny plik skryptu java, miałem tę linię
w cyklu for i liczył 3000 elementów, więc plik urósł w skrypcie, a plik był pusty w źródłach chrome. (Myślę, że napotkałem pewne ograniczenie)
Po zmniejszeniu pliku przez usunięcie do 100 elementów działało dobrze.
źródło