Narzędzie dla programistów Chrome: skrypt html jest pusty (w źródle) samouczek dotyczący debugowania

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ę.

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.

w moim przypadku zamówienie pomogło

1. zamknij pustą kartę w źródłach
2. zamknij narzędzia deweloperskie
3. otwarte narzędzia programistyczne
4. otwórz zakładkę w źródłach (nadal jest pusta)
5. Odśwież stronę

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.

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.

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.

Dev Tools (F12) -> Okno ustawień Inspektora (F1) -> Przywróć domyślne i przeładuj [przycisk na dole] działa dla mnie!

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.

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.

Miałem ten sam problem. Nawet odświeżenie strony nie zadziałało.

Przechodzenie chrome://helpi odświeżanie przeglądarki + restart działały dla mnie.

Możesz również zaktualizować Chrome za pomocą menu:

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. :)

W moim przypadku przez kilka dni miałem łyk z Browsersync. Wypiłem łyk i rozwiązałem swój problem.

Miałem również ten problem, gdy miałem ogromny plik skryptu java, miałem tę linię

                points.push({
                    location: new google.maps.LatLng(46.5376919, 4.5425704),
                    date : "5/8/2017 5:11:00 PM",
                    free : true
                });

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.