diff options
author | Peter Bengtsson <mail@peterbe.com> | 2020-12-08 14:42:17 -0500 |
---|---|---|
committer | Peter Bengtsson <mail@peterbe.com> | 2020-12-08 14:42:17 -0500 |
commit | da78a9e329e272dedb2400b79a3bdeebff387d47 (patch) | |
tree | e6ef8aa7c43556f55ddfe031a01cf0a8fa271bfe /files/it/tools/debugger | |
parent | 1109132f09d75da9a28b649c7677bb6ce07c40c0 (diff) | |
download | translated-content-da78a9e329e272dedb2400b79a3bdeebff387d47.tar.gz translated-content-da78a9e329e272dedb2400b79a3bdeebff387d47.tar.bz2 translated-content-da78a9e329e272dedb2400b79a3bdeebff387d47.zip |
initial commit
Diffstat (limited to 'files/it/tools/debugger')
7 files changed, 212 insertions, 0 deletions
diff --git a/files/it/tools/debugger/how_to/disable_breakpoints/index.html b/files/it/tools/debugger/how_to/disable_breakpoints/index.html new file mode 100644 index 0000000000..d98d34e98f --- /dev/null +++ b/files/it/tools/debugger/how_to/disable_breakpoints/index.html @@ -0,0 +1,20 @@ +--- +title: Disable breakpoints +slug: Tools/Debugger/How_to/Disable_breakpoints +translation_of: Tools/Debugger/How_to/Disable_breakpoints +--- +<div class="note"> +<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> +</div> + +<p>Per disabilitare un singolo punto di interruzione, deseleziona il checkbox relativo nella <a href="/en-US/docs/Tools/Debugger/UI_Tour#Breakpoints_list">lista dei pnti di interruzione</a>.</p> + +<p>Per disabilitare tutti i punti di interruzione, click sull' icona: <img alt="" src="https://mdn.mozillademos.org/files/14402/toggle-all.png" style="height: 24px; margin-bottom: -5px; width: 30px;"> sulla <a href="/en-US/docs/Tools/Debugger/UI_Tour#Toolbar">barra dei comandi</a>.</p> + +<p>{{EmbedYouTube("ULoZ70XPd90")}}</p> diff --git a/files/it/tools/debugger/how_to/index.html b/files/it/tools/debugger/how_to/index.html new file mode 100644 index 0000000000..d77ec65938 --- /dev/null +++ b/files/it/tools/debugger/how_to/index.html @@ -0,0 +1,11 @@ +--- +title: How to +slug: Tools/Debugger/How_to +tags: + - NeedsTranslation + - TopicStub +translation_of: Tools/Debugger/How_to +--- +<p><span class="seoSummary">These articles describe how to use the debugger.</span></p> + +<p>{{ ListSubpages () }}</p> diff --git a/files/it/tools/debugger/how_to/open_the_debugger/index.html b/files/it/tools/debugger/how_to/open_the_debugger/index.html new file mode 100644 index 0000000000..0e9dcba1df --- /dev/null +++ b/files/it/tools/debugger/how_to/open_the_debugger/index.html @@ -0,0 +1,28 @@ +--- +title: Open the debugger +slug: Tools/Debugger/How_to/Open_the_debugger +translation_of: Tools/Debugger/How_to/Open_the_debugger +--- +<div class="note"> +<p> </p> + +<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> +</div> + +<p>Ci sono due modi per aprire il debbugger:</p> + +<ul> + <li>seleziona "Debugger" dal sottomenu Web Developer del Menu di Firefox (o dal menù Strumenti se visaualizzi la barra del menu oppure sei su Mac OS X)</li> + <li>premi <kbd>Ctrl</kbd><kbd>Shift</kbd><kbd>S</kbd> (<kbd>Command</kbd><kbd>Option</kbd><kbd>S</kbd> on OS X) dalla tastiera</li> + <li>premi dal menu il bottone ( <img alt="new fx menu" class="frameless wiki-image" src="https://support.cdn.mozilla.net/media/uploads/gallery/images/2014-01-10-13-08-08-f52b8c.png" title=""> ), press "Sviluppo Web", then select "Debugger".</li> +</ul> + +<p>{{EmbedYouTube("yI5SlVQiZtI")}}</p> + +<p> </p> diff --git a/files/it/tools/debugger/how_to/set_a_breakpoint/index.html b/files/it/tools/debugger/how_to/set_a_breakpoint/index.html new file mode 100644 index 0000000000..9180de2a40 --- /dev/null +++ b/files/it/tools/debugger/how_to/set_a_breakpoint/index.html @@ -0,0 +1,31 @@ +--- +title: Set a breakpoint +slug: Tools/Debugger/How_to/Set_a_breakpoint +translation_of: Tools/Debugger/How_to/Set_a_breakpoint +--- +<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>Puoi fissare un punto di interruzione in uno dei modi seguenti:</p> + +<ul> + <li>nel panel <a href="/en-US/docs/Tools/Debugger/UI_Tour#Source_pane">sorgente</a>, click sul numero della riga su cui vuoi il punto di interruzione</li> + <li>nel panel <a href="/en-US/docs/Tools/Debugger/UI_Tour#Source_pane">sorgente</a>, posizionati sulla riga su cui vuoi il punto di interruzione attiva il context menu e seleziona "Aggiungi punto di interruzione"</li> + <li>nel panel <a href="/en-US/docs/Tools/Debugger/UI_Tour#Source_pane">sorgente</a>, seleziona la riga su cui vuoi il punto di interruzione e premi Ctrl+B (Windows/Linux) or Command+B (Mac OS X)</li> +</ul> + +<p>Il video seguente usa il context menu per fissare un punto di interruzione :</p> + +<p>{{EmbedYouTube("P7b98lEijF0")}}</p> + +<p>Ogni punto di interruzione viene visualizzato in due posizioni nel debugger:</p> + +<ul> + <li>la <a href="/en-US/docs/Tools/Debugger/UI_Tour#Breakpoints_list">lista dei punti di interruzione</a> visualizza il nome del file e il numero di riga del punto di interruzione</li> + <li>la riga nel <a href="/en-US/docs/Tools/Debugger/UI_Tour#Source_pane">sorgente</a> viene evidenziata con una freccia blu, oppure arancione se il punto di interruzione è <a href="/en-US/docs/Tools/Debugger/How_to/Set_a_conditional_breakpoint">condizionale</a>.</li> +</ul> diff --git a/files/it/tools/debugger/how_to/set_a_conditional_breakpoint/index.html b/files/it/tools/debugger/how_to/set_a_conditional_breakpoint/index.html new file mode 100644 index 0000000000..2e70147e49 --- /dev/null +++ b/files/it/tools/debugger/how_to/set_a_conditional_breakpoint/index.html @@ -0,0 +1,22 @@ +--- +title: Set a conditional breakpoint +slug: Tools/Debugger/How_to/Set_a_conditional_breakpoint +translation_of: Tools/Debugger/How_to/Set_a_conditional_breakpoint +--- +<div class="note"> +<p>This page describes the JavaScript Debugger as it appears in Firefox 52 and above, in Firefox Nightly and Firefox Developer Edition.</p> + +<p>To see what it's like in earlier versions of Firefox or in Firefox Beta and Release, see <a href="https://developer.mozilla.org/en-US/docs/Tools/Debugger_%28before_Firefox_52%29">Debugger (before Firefox 52)</a>.</p> + +<p>If you are getting this version of the Debugger and need to switch back to the old version, you can do so by visiting about:config and setting the "devtools.debugger.new-debugger-frontend" preference to <code>false</code>.</p> +</div> + +<p>Un normale punto di interruzione è associato solo ad una riga di codice: quando l'esecuzione raggiunge qualla linea il debbuger si ferma. Un punto di interruzione condizionale ha anche una condizione associata, che è rrappresentata da un'<a href="/en-US/docs/Web/JavaScript/Guide/Expressions_and_Operators#Expressions">espressione</a>. quando l'esecuzione raggiunge qualla linea, il debugger si ferma solo se l' espressione è <code>vera</code>.</p> + +<p>{{EmbedYouTube("pVPlMhfrMwM")}}</p> + +<p>Per impostare un punto di interruzione condizionale, nel panel <a href="/en-US/docs/Tools/Debugger/UI_Tour#Source_pane">sorgente</a>, sulla linea dove vuoi il un punto di interruzione, premi tasto destro e seleziona "Aggiungi punto di interruzione condizionale". Apparirà un textbox dove digitare l'espressione. premi<kbd>Return</kbd> per finire.</p> + +<p>I punti di interruzione condizionali vengono visualizzati come frecce arancioni sul numewro di riga.</p> + +<p>Se clicchi su uno dei punti di interruzione, apparirà la voce di menù "Edit Breakpoint". Puoi usarla per modificare una condizione oppure per aggiungere una condizione ad un brakpoint esistente.</p> diff --git a/files/it/tools/debugger/how_to/step_through_code/index.html b/files/it/tools/debugger/how_to/step_through_code/index.html new file mode 100644 index 0000000000..33a2305f21 --- /dev/null +++ b/files/it/tools/debugger/how_to/step_through_code/index.html @@ -0,0 +1,31 @@ +--- +title: Step through code +slug: Tools/Debugger/How_to/Step_through_code +translation_of: Tools/Debugger/How_to/Step_through_code +--- +<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>Quando il debugger è fermo su un punto di interruzione, puoi proseguire usando i bottoni della <a href="/en-US/docs/Tools/Debugger/UI_Tour#Toolbar">barra dei comandi</a>:</p> + +<p><img alt="" src="https://mdn.mozillademos.org/files/14404/debugger-stepping.png" style="display: block; margin-left: auto; margin-right: auto;"></p> + +<p>Nell'ordine, ii bottoni sono:</p> + +<ul> + <li>Play: va al prossimo punto di interruzione</li> + <li>Step over: avanza alla linea successiva nella stessa funzione.</li> + <li>Step in: avanza alla linea successiva nella stessa funzione, tranne che nella chiamata a una funzione; in quel caso entra nella funzione chiamata</li> + <li>Step out: va alla fine della funzione corrente</li> +</ul> + +<p>{{EmbedYouTube("RQBwEk0-xe0")}}</p> + +<p>Quando è in pausa, il bottone "attiva/disattiva console divisa" <img alt="" src="https://mdn.mozillademos.org/files/15017/toggle-console.png" style="height: 25px; width: 30px;"> può essere usato per attivare(aprire) o disattivare (chiudere) la console web per indagare gli errori e le variabili:</p> + +<p><img alt="" src="https://mdn.mozillademos.org/files/15019/split-console.png" style="display: block; height: 482px; margin-left: auto; margin-right: auto; width: 900px;"></p> diff --git a/files/it/tools/debugger/index.html b/files/it/tools/debugger/index.html new file mode 100644 index 0000000000..76dafea0fa --- /dev/null +++ b/files/it/tools/debugger/index.html @@ -0,0 +1,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> |