1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
|
---
title: Debugger
slug: Tools/Debugger
tags:
- Debugger
- Debugging
- Dev Tools
- Firefox OS
- JS Debug
- Strumenti di Sviluppo
- febugging
translation_of: Tools/Debugger
---
<div class="note">
<p>Questa pagina descrive il debugger JavaScript così come appare in Firefox versione 52 o successive, nelle versioni build notturne e in Firefox Developer Edition</p>
<p>Per vedere come era nelle versioni precedenti di Firefox oppure nelle versioni Beta, guarda qui: <a href="https://developer.mozilla.org/en-US/docs/Tools/Debugger_%28before_Firefox_52%29">Debugger (prima di Firefox 52)</a>.</p>
<p>Se hai attenuto questa versione del debugger e desisderi tornare alla versione precedente, basta andare alla pagina about:config e imposta la voce "devtools.debugger.new-debugger-frontend" a <code>false</code>.</p>
</div>
<p>{{EmbedYouTube("QK4hKWmJVLo")}}</p>
<p>Il debugger JavaScript ti permette di eseguire il codice passo passo ed esaminare o modificare il suo stato, aiutandoti così a scovare eventuali bugs.</p>
<p>E' possibile usare il debugger sia per il codice eseguito localmente in Firefox, sia per il codice che viene eseguito in remoto, per esempio su un terminale Android che usa Firefox per Android. Vedi <a href="/en-US/docs/Tools/Remote_Debugging">remote debugging </a>per sapere come come connettere il debugger ad un terminale remoto.</p>
<p>Il debugger è compreso in Firefox, e queste pagine descrivono come utilizzare la versione che è incorporata in Firefox. Comunque è anche possibile farlo funzionare come applicazione web indipendente, e quindi usarlo per eseguire il debug di codice eseguito in altri browser o in Node. Per ulteriori dettagli su questa funzione, vedere il <a href="https://github.com/devtools-html/debugger.html">contenitore GitHub del progetto</a>.</p>
<p>Il nuovo debugger non supporta - ancora - tutte le funzionalità del vecchio debugger. Vedi <a href="/en-US/docs/Tools/Debugger/Limitations_of_the_new_debugger">Limitazioni del nuovo debugger</a>.</p>
<hr>
<h2 id="Panoramica_dell'interfaccia_utente">Panoramica dell'interfaccia utente</h2>
<p>Per avere una generale idea del debugger, questo è il link: <a href="/en-US/docs/Tools/Debugger/UI_Tour">veloce panoramica dell'Interfaccia Utente</a>.</p>
<hr>
<h2 id="Come_fare">Come fare</h2>
<p>Per sapere quello che è possibile fare col debugger, questi sono i link alle guide disponibili:</p>
<div class="twocolumns">
<ul>
<li><a href="/en-US/docs/Tools/Debugger/How_to/Open_the_debugger">Aprire il debugger</a></li>
<li><a href="/en-US/docs/Tools/Debugger/How_to/Set_a_breakpoint">Impostare un punto di interruzione</a></li>
<li><a href="/en-US/docs/Tools/Debugger/How_to/Disable_breakpoints">Disabilitare un punto di interruzione</a></li>
<li><a href="/en-US/docs/Tools/Debugger/How_to/Step_through_code">Eseguire il codice una riga alla volta</a></li>
<li><a href="/en-US/docs/Tools/Debugger/How_to/Break_on_a_DOM_event">Interruzione su un evento DOM</a></li>
<li><a href="/en-US/docs/Tools/Debugger/How_to/Highlight_and_inspect_DOM_nodes">Evidenziare ed ispezionare un nodo DOM</a></li>
<li><a href="/en-US/docs/Tools/Debugger/How_to/Pretty-print_a_minified_file">Stampare correttamente una versione ridotta di un file</a></li>
<li><a href="/en-US/docs/Tools/Debugger/How_to/Search_and_filter">Trovare e filtrare</a></li>
<li><a href="/en-US/docs/Tools/Debugger/How_to/Set_a_conditional_breakpoint">Impostare un punto di interruzione condizionale</a></li>
<li><a href="/en-US/docs/Tools/Debugger/How_to/Examine,_modify,_and_watch_variables">Esaminare, modificare e monitorare le variabili</a></li>
<li><a href="/en-US/docs/Tools/Debugger/How_to/Use_a_source_map">Usare una mappa come sorgente</a></li>
<li><a href="/en-US/docs/Tools/Debugger/How_to/Black_box_a_source">Ofuscare una sorgente</a></li>
<li><a href="/en-US/docs/Tools/Debugger/How_to/Debug_eval_sources">Eseguire il debug e valutare una sorgente</a></li>
<li><a href="/en-US/docs/Tools/Debugger/How_to/Access_debugging_in_add-ons">Accedere agli accessori in debug</a></li>
</ul>
</div>
<hr>
<h2 id="Reference">Reference</h2>
<div class="twocolumns">
<ul>
<li><a href="/en-US/docs/Tools/Debugger/Keyboard_shortcuts">Scorciatoie da tastiera</a></li>
<li><a href="/en-US/docs/Tools/Debugger/Settings">Impostazioni</a></li>
</ul>
</div>
|
