Jak uruchomić debugger JavaScript w Google Chrome?

Podczas korzystania z Google Chrome, chcę debugować trochę kodu JavaScript. Jak mogę to zrobić?

Author: Peter Mortensen, 2008-09-16
Source

12 answers

Windows: CTRL-SHIFT-J lub F12

Mac: ⌥-⌘-J

Dostępne również w menu klucz (narzędzia > Konsola JavaScript):

Menu Konsoli JavaScript

 301
Author: John Sheehan,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/doraprojects.net/template/agent.layouts/content.php on line 54
2017-09-13 16:55:18

Spróbuj dodać to do swojego źródła: 

debugger;

Działa w większości, jeśli nie we wszystkich przeglądarkach. Po prostu umieść go gdzieś w swoim kodzie, a będzie działał jak punkt przerwania.

 370
Author: Omer van Kloeten,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/doraprojects.net/template/agent.layouts/content.php on line 54
2015-12-20 10:55:00

Windows i Linux:

Ctrl + Shift + I Klucze do otwierania narzędzi programistycznych

Ctrl + Shift + J , Aby otworzyć Narzędzia programistyczne i przenieść fokus na konsolę.

Ctrl + Shift + C Aby przełączyć tryb inspekcji elementu.

Mac:

⌥ + ⌘ + I Klucze do otwierania narzędzi programistycznych

⌥ + ⌘ + J Aby otworzyć Narzędzia programistyczne i przynieść skup się na konsoli.

⌥ + ⌘ + C Aby przełączyć tryb inspekcji elementu.

Źródło

Inne skróty

 50
Author: user629309,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/doraprojects.net/template/agent.layouts/content.php on line 54
2016-09-28 07:07:50

Naciśnij klawisz funkcyjny F12 w przeglądarce Chrome, aby uruchomić debugger JavaScript, a następnie kliknij "Scripts".

Wybierz plik JavaScript na górze i umieść punkt przerwania w debuggerze kodu JavaScript.

 12
Author: Balachandar P,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/doraprojects.net/template/agent.layouts/content.php on line 54
2015-12-20 11:10:05

Ctrl + Shift + j otwiera narzędzia programistyczne.

 10
Author: Senyai,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/doraprojects.net/template/agent.layouts/content.php on line 54
2015-12-20 10:55:45

W Chrome 8.0.552 na Macu można to znaleźć w menu widok/programista/JavaScript Console ... lub możesz użyć Alt+CMD+J .

 6
Author: Primc,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/doraprojects.net/template/agent.layouts/content.php on line 54
2015-12-20 10:56:20

Tutaj znajdziesz skróty dostępu do narzędzi programistycznych.

Https://developer.chrome.com/devtools/docs/shortcuts

 5
Author: hernanvicente,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/doraprojects.net/template/agent.layouts/content.php on line 54
2016-09-28 07:08:46

Shift + Kontrola + i otwiera okno Narzędzia programisty. Od dołu po lewej stronie drugi obrazek (który wygląda jak poniżej) otworzy / ukryje konsolę dla Ciebie:

Pokaż Konsolę

 2
Author: Premanshu,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/doraprojects.net/template/agent.layouts/content.php on line 54
2015-12-20 11:08:20

Aby otworzyć dedykowany panel 'Console', należy:

  • Użyj skrótów klawiaturowych
    • w systemie Windows i Linux: Ctrl + Shift + J
    • Na Macu: Cmd + Opcja + J
  • Wybierz ikonę menu Chrome, menu - > więcej narzędzi -> JavaScript Console . Lub jeśli Narzędzia programistyczne Chrome są już otwarte, press zakładka "konsola".

Proszę odnieść się tutaj

 2
Author: Venkat,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/doraprojects.net/template/agent.layouts/content.php on line 54
2015-12-23 10:33:21

Dla użytkowników komputerów Mac, przejdź do Google Chrome -- > menu widok --> programista --> JavaScript Console .

Zrzut ekranu

 1
Author: Neo123,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/doraprojects.net/template/agent.layouts/content.php on line 54
2016-03-25 10:10:14

Teraz google chrome wprowadził nową funkcję. Za pomocą tej funkcji można edytować kod w przeglądarce chrome. (Stała zmiana lokalizacji kodu)

W tym celu naciśnij F12 -- > Zakładka Source -- (po prawej stronie) -- > System plików-w tym miejscu wybierz swoją lokalizację kodu. a potem przeglądarka chrome poprosi o pozwolenie, a po tym kod zostanie zatopiony w kolorze zielonym. i możesz zmodyfikować swój kod i będzie on również odzwierciedlał Twoją lokalizację kodu (oznacza to, że na stałe zmieni się)

Thanks

 0
Author: stackinfostack,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/doraprojects.net/template/agent.layouts/content.php on line 54
2018-01-26 11:35:39

Z konsoli w Chrome możesz zrobić console.log(data_to_be_displayed).

 -3
Author: anand,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/doraprojects.net/template/agent.layouts/content.php on line 54
2015-12-20 11:10:20