diff options
author | Ryan Johnson <rjohnson@mozilla.com> | 2021-04-29 16:16:42 -0700 |
---|---|---|
committer | GitHub <noreply@github.com> | 2021-04-29 16:16:42 -0700 |
commit | 95aca4b4d8fa62815d4bd412fff1a364f842814a (patch) | |
tree | 5e57661720fe9058d5c7db637e764800b50f9060 /files/it/tools | |
parent | ee3b1c87e3c8e72ca130943eed260ad642246581 (diff) | |
download | translated-content-95aca4b4d8fa62815d4bd412fff1a364f842814a.tar.gz translated-content-95aca4b4d8fa62815d4bd412fff1a364f842814a.tar.bz2 translated-content-95aca4b4d8fa62815d4bd412fff1a364f842814a.zip |
remove retired locales (#699)
Diffstat (limited to 'files/it/tools')
-rw-r--r-- | files/it/tools/debugger/how_to/disable_breakpoints/index.html | 20 | ||||
-rw-r--r-- | files/it/tools/debugger/how_to/index.html | 11 | ||||
-rw-r--r-- | files/it/tools/debugger/how_to/open_the_debugger/index.html | 28 | ||||
-rw-r--r-- | files/it/tools/debugger/how_to/set_a_breakpoint/index.html | 31 | ||||
-rw-r--r-- | files/it/tools/debugger/how_to/set_a_conditional_breakpoint/index.html | 22 | ||||
-rw-r--r-- | files/it/tools/debugger/how_to/step_through_code/index.html | 31 | ||||
-rw-r--r-- | files/it/tools/debugger/index.html | 69 | ||||
-rw-r--r-- | files/it/tools/index.html | 214 | ||||
-rw-r--r-- | files/it/tools/page_inspector/index.html | 48 | ||||
-rw-r--r-- | files/it/tools/performance/index.html | 92 | ||||
-rw-r--r-- | files/it/tools/remote_debugging/index.html | 47 | ||||
-rw-r--r-- | files/it/tools/responsive_design_mode/index.html | 80 | ||||
-rw-r--r-- | files/it/tools/web_console/helpers/index.html | 79 | ||||
-rw-r--r-- | files/it/tools/web_console/index.html | 37 |
14 files changed, 0 insertions, 809 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 deleted file mode 100644 index d98d34e98f..0000000000 --- a/files/it/tools/debugger/how_to/disable_breakpoints/index.html +++ /dev/null @@ -1,20 +0,0 @@ ---- -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 deleted file mode 100644 index d77ec65938..0000000000 --- a/files/it/tools/debugger/how_to/index.html +++ /dev/null @@ -1,11 +0,0 @@ ---- -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 deleted file mode 100644 index 0e9dcba1df..0000000000 --- a/files/it/tools/debugger/how_to/open_the_debugger/index.html +++ /dev/null @@ -1,28 +0,0 @@ ---- -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 deleted file mode 100644 index 9180de2a40..0000000000 --- a/files/it/tools/debugger/how_to/set_a_breakpoint/index.html +++ /dev/null @@ -1,31 +0,0 @@ ---- -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 deleted file mode 100644 index 2e70147e49..0000000000 --- a/files/it/tools/debugger/how_to/set_a_conditional_breakpoint/index.html +++ /dev/null @@ -1,22 +0,0 @@ ---- -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 deleted file mode 100644 index 33a2305f21..0000000000 --- a/files/it/tools/debugger/how_to/step_through_code/index.html +++ /dev/null @@ -1,31 +0,0 @@ ---- -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 deleted file mode 100644 index 76dafea0fa..0000000000 --- a/files/it/tools/debugger/index.html +++ /dev/null @@ -1,69 +0,0 @@ ---- -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> diff --git a/files/it/tools/index.html b/files/it/tools/index.html deleted file mode 100644 index 0fa06dcda3..0000000000 --- a/files/it/tools/index.html +++ /dev/null @@ -1,214 +0,0 @@ ---- -title: Strumenti di Sviluppo di Firefox -slug: Tools -tags: - - Developing Mozilla - - NeedsMarkupWork - - NeedsTechnicalReview - - NeedsTranslation - - Tools - - TopicStub - - Web Development - - 'Web Development:Tools' -translation_of: Tools ---- -<div>{{ToolsSidebar}}</div> - -<p class="summary">Firefox Developer Tools è un insieme di strumenti di sviluppo web integrati in Firefox. È possibile utilizzarli per esaminare, modificare ed eseguire il debug di HTML, CSS e JavaScript</p> - -<p class="summary">Se stai cercando informazioni sull'utilizzo degli strumenti di sviluppo web disponibili in Firefox, sei arrivato nel posto giusto - questa pagina fornisce collegamenti a informazioni dettagliate su tutti gli strumenti principali e strumenti aggiuntivi, e ulteriori informazioni come come connettersi e eseguire il debug di Firefox per Android, come estendere gli strumenti di sviluppo e come eseguire il debug del browser nel suo complesso.</p> - -<p>Si prega di esplorare i link che si trovano nella barra laterale, e più in basso nella pagina. Se hai commenti o domande sui devtools, inviaci messaggi sulla nostra mailing list o sul canale IRC (vedi i link della community in fondo alla pagina). Se hai commenti o domande specifiche sulla documentazione, la community DevTools di MDN è un buon posto per pubblicare.</p> - -<div class="note"> -<p>Nota: se hai appena iniziato con lo sviluppo Web e l'uso degli strumenti di sviluppo, i nostri documenti sullo sviluppo Web per l'apprendimento ti aiuteranno: vedi Introduzione al Web e Che cosa sono gli strumenti di sviluppo del browser? per ottenere buoni punti di partenza.</p> -</div> - -<h2 id="Gli_strumenti_di_base">Gli strumenti di base</h2> - -<p>È possibile aprire gli strumenti di sviluppo di Firefox dal menu selezionando Strumenti > Sviluppo Web > Attiva/disattiva strumenti o utilizzare la scorciatoia da tastiera <kbd>Ctrl</kbd> + <kbd>Shift</kbd> + <kbd>I</kbd> or <kbd>F12</kbd> in Windows e Linux, o <kbd>Cmd</kbd> + <kbd>Opt</kbd> + <kbd>I</kbd> in macOS.</p> - -<p>Il menu con i farlips sul lato destro di Strumenti di sviluppo contiene diversi comandi che consentono di eseguire azioni o modificare le impostazioni dello strumento.</p> - -<table class="standard-table" style="height: 178px; width: 840px;"> - <tbody> - <tr> - <td><img alt="" src="https://mdn.mozillademos.org/files/16092/iframe_button.png" style="height: 69px; width: 69px;"></td> - <td>Questo bottone appare soltanto quando ci sono iframes multipli in una pagina. Premilo per visualizzare la lista degli iframes nella pagina corrente e seleziona quello con cui vuoi lavorare.</td> - </tr> - <tr> - <td><img alt="" src="https://mdn.mozillademos.org/files/16088/camera_button.png" style="height: 69px; width: 69px;"></td> - <td>Premi questo bottone per ottenere uno screenshot della pagina corrente. (<strong>Nota:</strong> Questa funzionalità non è attiva di default e deve essere abilitata nelle impostazioni prima che venga visualizzata.)</td> - </tr> - <tr> - <td><img alt="" src="https://mdn.mozillademos.org/files/16089/responsive_button.png" style="height: 69px; width: 69px;"></td> - <td>Attiva/disattiva la modalità di progettazione Responsive.</td> - </tr> - <tr> - <td><img alt="" src="https://mdn.mozillademos.org/files/16090/menu_button.png" style="height: 69px; width: 69px;"></td> - <td>Apre il menu che include le opzioni di ancoraggio, la possibilità di mostrare o nascondere la console divisa, e le impostazioni degli strumenti di sviluppo. Il menu include anche collegamenti alla documentazione di Firefox Web Tools e Mozilla Community.</td> - </tr> - <tr> - <td><img alt="" src="https://mdn.mozillademos.org/files/16091/close_button.png" style="height: 69px; width: 69px;"></td> - <td>Chiude gli strumenti per sviluppatori</td> - </tr> - </tbody> -</table> - -<div class="column-container"> -<div class="column-half"> -<h3 id="Page_Inspector">Page Inspector</h3> - -<p><a href="/en-US/docs/Tools/Page_Inspector"><img alt="The all-new Inspector panel in Firefox 57." src="https://mdn.mozillademos.org/files/16371/landingPage_PageInspector.png"></a></p> - -<p>Osserva e modifica il contenuto e il design della pagina. Visualizza e interagisci con le caratteristiche degli elementi come: box model, animazioni e grid layouts.</p> -</div> - -<div class="column-half"> -<h3 id="Web_Console">Web Console</h3> - -<p><a href="/en-US/docs/Tools/Web_Console"><img alt="The all-new Console in Firefox 57." src="https://mdn.mozillademos.org/files/16368/landingPage_Console.png"></a></p> - -<p>Guarda i messaggi inviati in console dalla pagina web e comunica con essa utilizzando Javascript.</p> -</div> -</div> - -<div class="column-container"> -<div class="column-half"> -<h3 id="Debugger">Debugger</h3> - -<p><a href="/en-US/docs/Tools/Debugger"><img alt="The all-new Firefox 57 Debugger.html" src="https://mdn.mozillademos.org/files/16369/landingPage_Debugger.png"></a></p> - -<p>Stoppa, avanza, esamina e modifica passo a passo il codice Javascript in esecuzione nella pagina.</p> -</div> - -<div class="column-half"> -<h3 id="Network_Monitor">Network Monitor</h3> - -<p><a href="/en-US/docs/Tools/Network_Monitor"><img alt="The Network panel in Firefox 57 DevTools." src="https://mdn.mozillademos.org/files/16370/landingPage_Network.png"></a></p> - -<p>Visualizza le richieste di rete effettuate quando una pagina viene caricata.</p> -</div> -</div> - -<div class="column-container"> -<div class="column-half"> -<h3 id="Performance_Tools">Performance Tools</h3> - -<p><a href="/en-US/docs/Tools/Performance"><img alt="Performance Tools in Firefox 57 Developer Tools" src="https://mdn.mozillademos.org/files/16372/landingPage_Performance.png"></a></p> - -<p>Analizza la reattività generale del sito, le performance di layout e Javascript.</p> -</div> - -<div class="column-half"> -<h3 id="Responsive_Design_Mode">Responsive Design Mode</h3> - -<p><a href="/en-US/docs/Tools/Responsive_Design_Mode"><img alt="Responsive Design mode in Firefox 57." src="https://mdn.mozillademos.org/files/16373/landingPage_ResponsiveDesign.png" style="border-style: solid; border-width: 1px; display: block; height: 865px; margin-left: auto; margin-right: auto; width: 425px;"></a></p> - -<p>Osserva come il tuo sito web o la tua applicazione apparirebbero su dispositivi e reti differenti.</p> -</div> -</div> - -<div class="column-container"> -<div class="column-half"> -<h3 id="Accessibility_inspector">Accessibility inspector</h3> - -<p><a href="/en-US/docs/Tools/Accessibility_inspector"><img alt="Performance Tools in Firefox 57 Developer Tools" src="https://mdn.mozillademos.org/files/16367/landingPage_Accessibility.png"></a></p> - -<p>Fornisce uno strumento di controllo dell'accessibilità del sito da parte di tutti, permettendoti di controllare cosa manca o dove c'è necessità di più attenzione.</p> -</div> - -<div class="column-half"></div> -</div> - -<div class="note"> -<p><strong>Note</strong>: The collective term for the UI inside which the DevTools all live is the <a href="/en-US/docs/Tools/Tools_Toolbox">Toolbox</a>.</p> -</div> - -<h2 id="Altri_Strumenti">Altri Strumenti</h2> - -<p>Anche questi strumenti sono a disposizione tramite l'analisi della pagina. Diversamente dagli "Strumenti Chiave" descritti sopra, potresti non usarli tutti i giorni.</p> - -<div class="twocolumns"> -<dl> - <dt><a href="/en-US/docs/Tools/Memory">Memoria.</a></dt> - <dd>Ti permette di capire come viene gestita la memoria nelle varie schede di navigazione.</dd> - <dt><a href="/en-US/docs/Tools/Storage_Inspector">Archiviazione</a></dt> - <dd>Ispeziona cookies, archiviazione locale, indexedDB, e archiviazione sessioni presenti nella pagina.</dd> - <dt><a href="/en-US/docs/Tools/DOM_Property_Viewer">DOM Property Viewer</a></dt> - <dd>Ispeziona tutto quello che riguarda il DOM della pagina.</dd> - <dt><a href="/en-US/docs/Tools/Eyedropper">Eyedropper</a></dt> - <dd>Seleziona un colore dalla pagina.</dd> - <dt><a href="/en-US/docs/Tools/Style_Editor">Editor Stili</a></dt> - <dd>Visualizza e modifica il CSS and della pagina corrente.</dd> - <dt><a href="/en-US/docs/Tools/Screenshot_tool">Cattura Schermata</a></dt> - <dd>Ottieni uno screenshot dell'intera pagina o di un singolo elemento.</dd> - <dt><a href="/en-US/docs/Tools/Measure_a_portion_of_the_page">Strumento di misurazione</a></dt> - <dd>Misura un area della pagina web</dd> - <dt><a href="/en-US/docs/Tools/Rulers">Rulers</a></dt> - <dd>Sovrascrivi le regole verticali e orizzontali</dd> -</dl> -</div> - -<div class="column-container"> -<div class="column-third"> -<p><img alt="" src="https://mdn.mozillademos.org/files/15588/logo-developer-quantum.png" style="display: block; margin: 0px auto;"></p> - -<p style="text-align: center;">Per gli ultimi strumenti di sviluppo e funzionalità, prova Firefox Developer Edition.</p> - -<p><a href="https://www.mozilla.org/en-US/firefox/developer/">Download Firefox Developer Edition</a></p> -</div> - -<div class="column-third"></div> -</div> - -<h2 id="Connecting_the_Developer_Tools">Connecting the Developer Tools</h2> - -<p>If you open the developer tools using <a href="/en-US/docs/Tools/Keyboard_shortcuts#Opening_and_closing_tools">keyboard shortcuts</a> or the equivalent menu items, they'll target the document hosted by the currently active tab. But you can attach the tools to a variety of other targets, too, both within the current browser and in different browsers or even different devices.</p> - -<div class="twocolumns"> -<dl> - <dt><a href="/en-US/docs/Tools/about:debugging">about:debugging</a></dt> - <dd>Debug add-ons, content tabs, and workers running in the browser.</dd> - <dt><a href="/en-US/docs/Tools/Remote_Debugging/Debugging_Firefox_for_Android_over_Wifi">Connecting to Firefox for Android</a></dt> - <dd>Connect the developer tools to an instance of Firefox running on an Android device.</dd> - <dt><a href="/en-US/docs/Tools/Working_with_iframes">Connecting to iframes</a></dt> - <dd>Connect the developer tools to a specific iframe in the current page.</dd> - <dt><a href="/en-US/docs/Tools/Valence">Connecting to other browsers</a></dt> - <dd>Connect the developer tools to Chrome on Android and Safari on iOS.</dd> -</dl> -</div> - -<h2 id="Debugging_the_browser">Debugging the browser</h2> - -<p>By default, the developer tools are attached to a web page or web app. But you can also connect them to the browser as a whole. This is useful for browser and add-on development.</p> - -<div class="twocolumns"> -<dl> - <dt><a href="/en-US/docs/Tools/Browser_Console">Browser Console</a></dt> - <dd>See messages logged by the browser itself and by add-ons, and run JavaScript code in the browser's scope.</dd> - <dt><a href="/en-US/docs/Tools/Browser_Toolbox">Browser Toolbox</a></dt> - <dd>Attach the Developer Tools to the browser itself.</dd> -</dl> -</div> - -<h2 id="Extending_the_devtools">Extending the devtools</h2> - -<p>For information on extending the Firefox DevTools, see <a href="/en-US/docs/Mozilla/Add-ons/WebExtensions/Extending_the_developer_tools">Extending the developer tools</a> over in the <a href="/en-US/docs/Mozilla/Add-ons/WebExtensions">Browser Extensions</a> section of MDN.</p> - -<h2 id="Migrating_from_Firebug">Migrating from Firebug</h2> - -<p>Firebug has come to the end of its lifespan (see <a href="https://hacks.mozilla.org/2016/12/firebug-lives-on-in-firefox-devtools/">Firebug lives on in Firefox DevTools</a> for details of why), and we appreciate that some people will find migrating to another less familiar set of DevTools to be challenging. To ease a transition from Firebug to the Firefox developer tools, we have written a handy guide — <a href="/en-US/docs/Tools/Migrating_from_Firebug">Migrating from Firebug</a>.</p> - -<h2 id="Contribute">Contribute</h2> - -<p>If you want to help improve the developer tools, these resources will get you started.</p> - -<div class="twocolumns"> -<dl> - <dt><a href="https://docs.firefox-dev.tools/">Get Involved</a></dt> - <dd>Our developer documentation explains how to get involved.</dd> - <dt><a href="http://bugs.firefox-dev.tools/">bugs.firefox-dev.tools</a></dt> - <dd>A tool helping to find bugs to work on.</dd> -</dl> -</div> diff --git a/files/it/tools/page_inspector/index.html b/files/it/tools/page_inspector/index.html deleted file mode 100644 index 56133a05a0..0000000000 --- a/files/it/tools/page_inspector/index.html +++ /dev/null @@ -1,48 +0,0 @@ ---- -title: Page Inspector -slug: Tools/Page_Inspector -translation_of: Tools/Page_Inspector ---- -<p><span style="line-height: 1.5;">Usa Page Inspector per esaminare e modificare il codice HTML e CSS della pagina.</span></p> - -<p>Puoi esaminare pagine caricate in una copia locale di Firefox o in remoto, come su devices Firefox OS o Firefox per Android. Guarda la guida sul <a href="https://developer.mozilla.org/en-US/docs/Tools/Remote_Debugging">debugging remoto</a> per imparare a connettere gli strumenti di sviluppo ad un dispositivo remoto.</p> - -<hr> -<h2 id="Interfaccia_Utente">Interfaccia Utente</h2> - -<p>To find your way around the Inspector, here's a <a href="/en-US/docs/Tools/Page_Inspector/UI_Tour">quick tour of the UI</a>.</p> - -<hr> -<h2 id="How_to">How to</h2> - -<p>To find out what you can do with the Inspector, see the following how to guides:</p> - -<div class="twocolumns"> -<ul> - <li><a href="/en-US/docs/Tools/Page_Inspector/How_to/Open_the_Inspector">Open the Inspector</a></li> - <li><a href="/en-US/docs/Tools/Page_Inspector/How_to/Examine_and_edit_HTML">Examine and edit HTML</a></li> - <li><a href="/en-US/docs/Tools/Page_Inspector/How_to/Examine_and_edit_the_box_model">Examine and edit the box model</a></li> - <li><a href="/en-US/docs/Tools/Page_Inspector/How_to/Inspect_and_select_colors">Inspect and select colors</a></li> - <li><a href="/en-US/docs/Tools/Page_Inspector/How_to/Reposition_elements_in_the_page">Reposition elements in the page</a></li> - <li><a href="/en-US/docs/Tools/Page_Inspector/How_to/View_fonts">View fonts</a></li> - <li><a href="/en-US/docs/Tools/Page_Inspector/How_to/Visualize_transforms">Visualize transforms</a></li> - <li><a href="/en-US/docs/Tools/Page_Inspector/How_to/Use_the_Inspector_API">Use the Inspector API</a></li> - <li><a href="/en-US/docs/Tools/Page_Inspector/How_to/Select_an_element">Select an element</a></li> - <li><a href="/en-US/docs/Tools/Page_Inspector/How_to/Examine_and_edit_CSS">Examine and edit CSS</a></li> - <li><a href="/en-US/docs/Tools/Page_Inspector/How_to/Examine_event_listeners">Examine event listeners</a></li> - <li><a href="/en-US/docs/Tools/Page_Inspector/How_to/Work_with_animations">Work with animations</a></li> - <li><a href="/en-US/docs/Tools/Page_Inspector/How_to/Edit_CSS_filters">Edit CSS filters</a></li> - <li><a href="/en-US/docs/Tools/Page_Inspector/How_to/View_background_images">View background images</a></li> - <li><a href="/en-US/docs/Tools/Page_Inspector/How_to/Use_the_Inspector_from_the_Web_Console">Use the Inspector from the Web Console</a></li> -</ul> -</div> - -<hr> -<h2 id="Reference">Reference</h2> - -<div class="twocolumns"> -<ul> - <li><a href="/en-US/docs/Tools/Page_Inspector/Keyboard_shortcuts">Keyboard shortcuts </a></li> - <li><a href="/en-US/docs/Tools/Tools_Toolbox#Inspector">Settings</a></li> -</ul> -</div> diff --git a/files/it/tools/performance/index.html b/files/it/tools/performance/index.html deleted file mode 100644 index 800e6b4835..0000000000 --- a/files/it/tools/performance/index.html +++ /dev/null @@ -1,92 +0,0 @@ ---- -title: Prestazioni -slug: Tools/Performance -translation_of: Tools/Performance -original_slug: Tools/Prestazioni ---- -<p>Lo strumento per l'analisi delle prestazioni ti fornisce una panoramica della risposta generale del tuo sito, della prestazione del layout e del Javascript. Con lo strumento per l'analisi delle prestazioni crei una registrazione, o tracci un profilo, del tuo sito in un periodo di tempo. Lo strumento ti mostra poi un <a href="https://developer.mozilla.org/en-US/docs/Tools/Performance/UI_Tour#Waterfall_overview">resoconto</a> delle cose che il tuo browser stava facendo al fine di rappresentare il tuo sito nel profilo, ed un grafico del frame rate nel profilo.</p> - -<p>Hai a disposizione tre sotto-strumenti per esaminare gli aspetti del profilo più dettagliatamente:</p> - -<ul> - <li>la <a href="https://developer.mozilla.org/en-US/docs/Tools/Performance/Waterfall">cascata</a> mostra le differenti operazioni di cui si occupava il browser, come l'esecuzione del layout, Javascript, ricolorazione, e la <em>garbage collection</em></li> - <li>l' <a href="https://developer.mozilla.org/en-US/docs/Tools/Performance/Call_Tree">albero delle chiamate</a> mostra le funzioni Javascript nelle quali il browser spende la maggior parte del tempo</li> - <li>il <a href="https://developer.mozilla.org/en-US/docs/Tools/Performance/Flame_Chart">grafico a fiamma</a> mostra le chiamate Javascript memorizzate lungo il corso della registrazione.</li> -</ul> - -<p>{{EmbedYouTube("WBmttwfA_k8")}}</p> - -<hr> -<h2 id="Per_cominciare">Per cominciare</h2> - -<div class="column-container"> -<div class="column-half"> -<dl> - <dt><a href="/en-US/docs/Tools/Performance/UI_Tour">UI Tour</a></dt> - <dd> - <p>Per orientarti nell' uso dello strumento d'analisi delle prestazioni, ecco un breve tour della UI.</p> - </dd> -</dl> -</div> - -<div class="column-half"> -<dl> - <dt><a href="/en-US/docs/Tools/Performance/How_to">How to</a></dt> - <dd>Operazioni basilari: apri lo strumetno, crea, salva, carica e configura le registrazioni</dd> -</dl> -</div> -</div> - -<hr> -<h2 id="Componenti_dello_strumento_per_l'_analisi_delle_prestazioni">Componenti dello strumento per l' analisi delle prestazioni</h2> - -<div class="column-container"> -<div class="column-half"> -<dl> - <dt><a href="/en-US/docs/Tools/Performance/Frame_rate">Frame rate</a></dt> - <dd>Comprendi la risposta generale del tuo sito</dd> - <dt><a href="/en-US/docs/Tools/Performance/Call_Tree">Albero delle chiamate</a></dt> - <dd>Trova gli intoppi nel Javascript del tuo sito.</dd> -</dl> -</div> - -<div class="column-half"> -<dl> - <dt><a href="/en-US/docs/Tools/Performance/Waterfall">Cascata</a></dt> - <dd>Comprendi il lavoro che sta svolgendo il browser quando l' utente interagisce con il tuo sito.</dd> - <dt><a href="/en-US/docs/Tools/Performance/Flame_Chart">Grafico a fiamma</a></dt> - <dd>Controlla quali funzioni Javascript sono in esecuzione ed in che momento, durante la registrazione.</dd> - <dd> </dd> -</dl> -</div> -</div> - -<hr> -<h2 id="Scenari">Scenari</h2> - -<div class="column-container"> -<div class="column-half"> -<dl> - <dt><a href="https://developer.mozilla.org/en-US/docs/Tools/Performance/Scenarios/Animating_CSS_properties">Animazione delle proprietà CSS</a></dt> - <dd>Usa la cascata per capire in che modo il browser aggiorna una pagina e come l' animazione di differenti proprietà CSS può intaccare le prestazioni.</dd> - <dd> </dd> -</dl> -</div> - -<div class="column-half"> -<dl> - <dt><a href="/en-US/docs/Tools/Performance/Scenarios/Intensive_JavaScript">Javascript intensivo</a></dt> - <dd>Usa gli strumenti Frame rate e Cascata per evidenziare problemi di prestazione dovuti ad un Javascript particolarmente pesante e come l'utilizzo dei <em>worker</em> può essere d' aiuto.</dd> -</dl> -</div> -</div> - -<p> </p> - -<div class="column-half"> -<dl> - <dd> </dd> -</dl> -</div> - -<p> </p> diff --git a/files/it/tools/remote_debugging/index.html b/files/it/tools/remote_debugging/index.html deleted file mode 100644 index dfee871612..0000000000 --- a/files/it/tools/remote_debugging/index.html +++ /dev/null @@ -1,47 +0,0 @@ ---- -title: Remote Debugging -slug: Tools/Remote_Debugging -translation_of: Tools/Remote_Debugging ---- -<p>Puoi usare gli strumenti di sviluppo Firefox sul tuo computer per migliorare siti Web o applicazioni Web che funzionano con altri browser o con altre modalità di esecuzione. Gli altri browser potrebbero essere sullo stesso dispositivo come gli strumenti di sviluppo stessi o su un altro dispositivo, come un telefono cellulare collegato con una porta USB.</p> - -<p>Le istruzioni dettagliate per connettere gli strumenti di sviluppo sono specificate nelle seguenti spiegazioni.</p> - -<p>Modalità Gecko-based</p> - -<p>Per prima cosa, puoi connettere gli strumenti di sviluppo alla modalità Gecco-base a piacere con Firefox Desktop, Firefox per Android, Firefox OS e Thunderbird.</p> - -<p> </p> - -<p> </p> - -<p> </p> - -<p> </p> - -<p>Per fare questo puoi usare Firefox per aggiungere <a href="/en-US/docs/Toolbox" title="/en-US/docs/Toolbox">il Toolbox</a> nel preocesso remoto, e il Toolbox verrà eseguito nella tua finestra. In questo momento il tools implementa le seguenti funzioni da remoto:</p> - -<ul> - <li><a href="/en-US/docs/Tools/Page_Inspector">Page Inspector</a></li> - <li><a href="/en-US/docs/Tools/Debugger" title="/en-US/docs/Tools/Debugger">JavaScript Debugger</a></li> - <li><a href="/en-US/docs/Tools/Style_Editor" title="/en-US/docs/Tools/Style_Editor">Style Editor</a></li> - <li><a href="/en-US/docs/Tools/Web_Console" title="/en-US/docs/Tools/Web_Console">Web Console</a></li> - <li><a href="/en-US/docs/Tools/Profiler" title="/en-US/docs/Tools/Profiler">Profiler</a></li> - <li><a href="/en-US/docs/Tools/Network_Monitor" title="/en-US/docs/Tools/Network_Monitor">Network Monitor</a></li> -</ul> - -<h2 id="Firefox_per_Android">Firefox per Android</h2> - -<p><a href="/en-US/docs/Tools/Remote_Debugging/Firefox_for_Android">Remotely debugging Firefox for Android</a> spiega come collegare Firefox, tramite USB, su un dispositivo Android.</p> - -<h2 id="Firefox_per_Metro">Firefox per Metro</h2> - -<p><a href="/en-US/docs/Tools/Remote_Debugging/Firefox_for_Metro">Remotely debugging Firefox for Metro</a> spiega come usare Firefox per provare il codice in esecuzione su Windows 8 (Metro-style) Firefox.</p> - -<h2 id="Firefox_OS">Firefox OS</h2> - -<p><a href="/en-US/Firefox_OS/Using_the_App_Manager">Using the App Manager</a> spiega come collegare Firefox developer tools a Firefox OS simulator o a Firefox OS device.</p> - -<h2 id="Thunderbird">Thunderbird</h2> - -<p><a href="/en-US/docs/Tools/Remote_Debugging/Thunderbird">Remotely debugging Thunderbird</a> spiega come Firefox eThunderbird possono essere usati per provare il codice in esecuzione su Thunderbird.</p> diff --git a/files/it/tools/responsive_design_mode/index.html b/files/it/tools/responsive_design_mode/index.html deleted file mode 100644 index 3dd8c822ed..0000000000 --- a/files/it/tools/responsive_design_mode/index.html +++ /dev/null @@ -1,80 +0,0 @@ ---- -title: Visualizzazione Flessibile -slug: Tools/Responsive_Design_Mode -tags: - - Design - - Firefox - - Guida - - Mobile - - Strumenti - - Sviluppo - - Sviluppo Web - - responsive -translation_of: Tools/Responsive_Design_Mode -original_slug: Tools/Visualizzazione_Flessibile ---- -<p><a href="/it-IT/docs/Web_Development/Responsive_Web_design">Le interfacce web responsive</a> si adattano a diverse dimensioni di schermo permettendo una presentazione fruibile su dispositivi di tipo diverso, come smartphone o tablet. La <strong>Visualizzazione Flessibile </strong>permette di visionare facilmente come il proprio sito o applicazione web risulterà su schermi di diverse dimensioni.</p> - -<p>La schermata seguente mostra il contenuto di una pagina Wikipedia in versione mobile simulando uno schermo della dimensione di 320x480 pixel.</p> - -<p><img alt="" src="https://mdn.mozillademos.org/files/12738/responsive-design-mode.png" style="height: 788px; width: 735px;"></p> - -<p>La <strong>Visualizzazione flessibile </strong>risulta conveniente perché permette di ridimensionare l'area del contenuto velocemente e con precisione.</p> - -<p>Naturalmente potrebbe essere sufficiente soltanto ridimensionare la finestra del browser ma questo comporterebbe il ridimensionamento in piccolo anche delle altre schede in fase di navigazione, rendendo il browser più difficile da usare.</p> - -<p>Mentre è attiva la <strong>Visualizzazione flessibile </strong>su una particolare scheda, è comunque possibile continuare a navigare normalmente i contenuti delle altre schede.</p> - -<h2 id="Attivazione_e_disattivazione">Attivazione e disattivazione</h2> - -<p>Ci sono tre modi per attivare la Visualizzazione flessibile:</p> - -<ul> - <li>Selezionare la voce "Visualizzazione flessibile" dal sottomenu "Sviluppo Web" nel menu di Firefox. (oppure menu Strumenti se è attivata la barra menu o si usa il sistema operativo OSX)</li> - <li>Premere il pulsante "Visualizzazione flessibile nella <a href="/it-IT/docs/Tools_Toolbox#Toolbar" title="/en-US/docs/Tools_Toolbox#Toolbar">Toolbar Strumenti di sviluppo</a></li> - <li>Premere Ctrl + Shift + M, (oppure Comandi + Opzioni + M su OSX)</li> -</ul> - -<p>e ci sono anche tre modi per disattivare la Visualizzazione flessibile:</p> - -<ul> - <li>Selezionare nuovamente la voce di menu "Visualizzazione flessibile".</li> - <li>Cliccare il pulsante "chiudi" posizionato nell'angolo in alto a sinistra della finestra.</li> - <li>Premere nuovamente Ctrl + Shift + M, (oppure Comandi + Opzioni + M su OSX). Prima di Firefox 34, funzionava anche il tasto escape.</li> -</ul> - -<h2 id="Ridimensionamento">Ridimensionamento</h2> - -<p>Si può ridimensionare l'area del contenuto in due modi:</p> - -<ul> - <li>Usando il controllo <a href="#select-size">"Seleziona dimensione"</a></li> - <li>Cliccando e trascinando le barre di controllo a destra e in basso l'area del contenuto, oppure trascinando l'angolo in basso a destra</li> -</ul> - -<p>Decidendo di ridimensionare tramite click e trascina, tenendo premuto il tasto CTRL (Command su OSX) è possibile rallentare la velocità di ridimensionamento al fine aumentare la precisione per scegliere la dimensione giusta.</p> - -<div style="overflow: hidden;"> -<h2 id="Controlli_della_modalità_Visualizzazione_flessibile">Controlli della modalità Visualizzazione flessibile</h2> - -<p><img alt="" src="https://mdn.mozillademos.org/files/12736/responsive-design-mode-controls.png" style="display: block; margin-left: auto; margin-right: auto;"></p> - -<p>Lungo la parte alta della finestra in modalità "Visualizzazione flessibile" ci sono cinque controlli:</p> - -<dl> - <dt>Chiudi</dt> - <dd>Termina la modalità "Visualizzazione flessibile" e ritorna alla navigazione normale.</dd> - <dt>Selezione dimensione</dt> - <dd>Permette di scegliere un numero preimpostato di combinazioni larghezza x altezza, oppure di definirne una personalizzata.</dd> - <dt>Orientamento</dt> - <dd>Alterna l'orientamento verticale ed orizzontale simulando il cambio di orientamento del dispositivo.</dd> - <dt>Simula gli eventi touch</dt> - <dd>Attiva/disattiva la simulazione degli eventi touch: quando la simulazione è attivata, gli eventi del mouse vengono tradotti in<a href="/en-US/docs/Web/Guide/API/DOM/Events/Touch_events"> eventi touch</a>.</dd> - <dt>Screenshot</dt> - <dd>Cattura la schermata dell'area. Il salvataggio avviene nella posizione in cui vengono salvati anche gli altri Download.</dd> - <dt>User Agent personalizzato</dt> - <dd><em>Novità da Firefox 47</em>. Immettere una stringa che corrisponde al nome di un User Agent. L'area risulta evidenziata e le richieste verranno effettuate utilizzando la stringa User Agent impostata. Questo è utile quando i siti restituiscono diversi contenuti in base al riconoscimento per mezzo di <a href="/en-US/docs/Browser_detection_using_the_user_agent">UA sniffing</a>. Per tornare alla normalità è sufficiente svuotare il campo di testo.</dd> -</dl> -</div> - -<p> </p> diff --git a/files/it/tools/web_console/helpers/index.html b/files/it/tools/web_console/helpers/index.html deleted file mode 100644 index d64e42e6ec..0000000000 --- a/files/it/tools/web_console/helpers/index.html +++ /dev/null @@ -1,79 +0,0 @@ ---- -title: Web Console Helpers -slug: Tools/Web_Console/Helpers -translation_of: Tools/Web_Console/Helpers ---- -<h2 id="I_comandi"><strong>I comandi</strong></h2> - -<p>la riga di comando JavaScript fornito dalla console web offre alcune funzioni di supporto built-in che rendono più semplici determinate attivita</p> - -<dl> - <dt id="$"><code>$()</code></dt> - <dd><span id="result_box" lang="it"><span>Sembra</span> <span>una stringa</span> <span>selettore CSS</span><span>, restituendo il</span> <span>primo elemento</span> <span>che corrisponde</span><span>.</span> <span>Equivalente a</span> <span>{</span><span>{</span><span>domxref</span> <span>(</span><span>"</span><span>document.querySelector</span> <span>(</span><span>)")</span><span>}</span><span>}</span> <span>o</span> <span>chiama la funzione</span> <span>$</span> <span>nella pagina</span><span>,</span> <span>se esiste</span></span></dd> - <dt id="$$"><code>$$()</code></dt> - <dd><span id="result_box" lang="it"><span>Sembra</span> <span>una stringa</span> <span>selettore CSS</span><span>,</span> <span>restituendo</span> <span>una serie di</span> <span>nodi DOM</span> <span>quella partita</span><span>.</span> <span>Questo è come</span> <span>per {</span><span>{</span><span>domxref</span> <span>(</span><span>"</span><span>document.querySelectorAll</span> <span>(</span><span>)</span><span>"</span><span>)</span><span>}</span><span>}</span><span>,</span> <span>ma</span> <span>restituisce un array</span> <span>invece di un</span> <span>{</span><span>{</span><span>domxref</span> <span>(</span><span>"</span><span>NodeList</span><span>"</span><span>)</span><span>}</span><span>}</span><span>.</span></span></dd> - <dt id="$0"><code>$0</code></dt> - <dd><span class="short_text" id="result_box" lang="it"><span>L'elemento</span> <span>attualmente</span> <span>ispezionato</span> <span>nella pagina</span><span>.</span></span></dd> - <dt id="$_"><code>$_</code></dt> - <dd><span id="result_box" lang="it"><span>Memorizza il risultato</span> <span>dell'ultima espressione</span> <span>eseguito</span> <span>nella linea di comando</span> <span>console</span><span>.</span> <span>Ad</span> <span>esempio,</span> <span>se si digita</span> <span>"</span><span>2</span> <span>+</span> <span>2</span> <span><Enter</span><span>></span><span>"</span><span>,</span> <span>quindi</span> <span>"$</span> <span>_</span> <span><invio</span><span>></span><span>"</span><span>, la console</span> <span>stampare</span> <span>4</span><span>.</span></span></dd> - <dt id="$x"><code>$x()</code></dt> - <dd><span id="result_box" lang="it"><span>Valuta un'espressione</span> <span>XPath</span> <span>e restituisce</span> <span>un array di nodi</span> <span>corrispondenti</span><span>.</span></span></dd> - <dt id="keys"><code>keys()</code></dt> - <dd><span id="result_box" lang="it"><span>Dato un</span> <span>oggetto</span><span>,</span> <span>restituisce</span> <span>un elenco</span> <span>dei tasti</span> <span>(</span><span>o nomi</span> <span>di proprietà)</span> <span>su tale oggetto</span><span>.</span> <span>Questa</span> <span>è una scorciatoia per</span> <span>Object.keys</span><span>.</span></span></dd> - <dt id="values"><code>values()</code></dt> - <dd><span id="result_box" lang="it"><span>Dato un</span> <span>oggetto</span><span>,</span> <span>restituisce una lista</span> <span>dei</span> <span>valori</span> <span>di</span> <span>tale oggetto</span><span>;</span> <span>serve come</span> <span>un compagno di</span> <span>chiavi</span> <span>(</span><span>)</span><span>.</span></span></dd> - <dt id="clear"><code>clear()</code></dt> - <dd><span class="short_text" id="result_box" lang="it"><span>Cancella l'</span><span>area di uscita</span> <span>della console</span><span>.</span></span></dd> - <dt id="inspect"><code>inspect()</code></dt> - <dd><span id="result_box" lang="it"><span>Dato un</span> <span>oggetto</span><span>,</span> <span>si apre</span> <span>la finestra di ispezione</span> <span>oggetto per</span> <span>quell'oggetto</span><span>.</span></span></dd> - <dt id="pprint"><code>pprint()</code></dt> - <dd><span id="result_box" lang="it"><span>Formatta il</span> <span>valore specificato</span> <span>in modo</span> <span>leggibile</span><span>;</span> <span>questo è utile</span> <span>per lo scarico</span> <span>del contenuto di</span> <span>oggetti</span> <span>e array</span><span>.</span></span></dd> - <dt id="help"><code>help()</code></dt> - <dd><span id="result_box" lang="it"><span>Visualizza la guida</span> <span>del testo</span><span>.</span> <span>In realtà</span><span>,</span> <span>in un delizioso</span> <span>esempio di</span> <span>ricorsione</span><span>,</span> <span>che</span> <span>vi porterà a</span> <span>questa pagina.</span></span></dd> - <dt id="cd"><code>cd()</code></dt> - <dd> - <p><span id="result_box" lang="it"><span>Interruttore</span> <span>contesto di valutazione</span> <span>JavaScript per</span> <span>un</span> <span>iframe</span> <span>diversa all'interno della pagina</span><span>.</span> <span>Questo</span> <span>helper</span> <span>accetta più</span> <span>modi diversi</span> <span>di identificazione</span> <span>del telaio</span> <span>per passare</span><span>.</span> <span>È possibile fornire</span> <span>una delle seguenti</span><span>:</span></span></p> - - <ul> - <li><span id="result_box" lang="it"><span>una stringa</span> <span>selettore che</span> <span>verrà</span> <span>passato al</span> <span>document.querySelector</span> <span>per individuare l'</span><span>elemento</span> <span>iframe</span></span></li> - <li><span class="short_text" id="result_box" lang="it"><span>l'elemento</span> <span>iframe</span> <span>stesso</span></span></li> - <li><span class="short_text" id="result_box" lang="it"><span>la</span> <span>finestra di contenuto</span> <span>all'interno del</span> <span>iframe</span></span></li> - </ul> - - <p><span class="short_text" id="result_box" lang="it"><span>Vedere</span> <span>lavorare con</span> <span>iframe</span></span></p> - </dd> - <dt id="copy"><code>copy()</code></dt> - <dd><span id="result_box" lang="it"><span>Nuovo</span> <span>in Firefox</span> <span>38.</span> <span>Copia</span> <span>l'argomento</span> <span>negli appunti</span><span>.</span> <span>Se l'argomento</span> <span>è una stringa</span><span>,</span> <span>viene copiato</span> <span>così com'è</span><span>.</span> <span>Se l'argomento</span> <span>è un nodo</span> <span>DOM</span><span>,</span> <span>la sua</span> <span>outerHTML</span> <span>viene copiato</span><span>.</span> <span>In caso contrario</span><span>,</span> <span>JSON.stringify</span> <span>sarà chiamato</span> <span>sull'argomento</span><span>,</span> <span>e il risultato</span> <span>sarà</span> <span>copiata negli appunti</span><span>.</span></span></dd> - <dt id="clearHistory"><code>clearHistory()</code></dt> - <dd>.<span id="result_box" lang="it"><span>Nuovo</span> <span>in Firefox</span> <span>39.</span> <span>Proprio come una</span> <span>normale</span> <span>linea di comando</span><span>,</span> <span>la</span> <span>riga di comando</span> <span>della console</span> <span>ricorda</span> <span>i comandi</span> <span>che avete</span> <span>digitato</span><span>.</span> <span>Utilizzare questa funzione per</span> <span>cancellare la cronologia</span> <span>dei comandi</span> <span>della console</span><span>.</span></span></dd> -</dl> - -<p><span id="result_box" lang="it"><span>Si prega di</span> <span>fare riferimento alla</span> <span>API</span> <span>Console</span> <span>per</span> <span>maggiori informazioni sulla connessione</span> <span>dal contenuto</span><span>.</span></span></p> - -<h2 id="variabili"><strong>variabili</strong></h2> - -<dl> - <dt id="tempN">temp<em>N</em></dt> - <dd><span id="result_box" lang="it"><span>L'opzione "</span><span>Use</span> <span>in</span> <span>Console"</span> <span>in Impostazioni</span> <span>genera una</span> <span>variabile per un</span> <span>nodo denominato</span> <span>temp0</span><span>,</span> <span>temp1</span><span>,</span> <span>temp2</span><span>,</span> <span>ecc</span> <span>riferimento al</span> <span>nodo.</span></span></dd> -</dl> - -<h2 id="esempi">esempi</h2> - -<h3 id="Guardando_il_contenuto_di_un_nodo_DOM"><span class="short_text" id="result_box" lang="it"><span>Guardando</span> <span>il contenuto di un</span> <span>nodo DOM</span></span></h3> - -<p><span id="result_box" lang="it"><span>Diciamo che</span> <span>hai un</span> <span>nodo DOM</span> <span>con</span> <span>il "titolo</span><span>"</span> <span>ID</span><span>.</span> <span>In realtà,</span> <span>questa pagina</span> <span>che stai leggendo</span> <span>in questo momento</span> <span>ha uno,</span> <span>in modo da poter</span> <span>aprire</span> <span>la console Web</span> <span>e provare questo</span> <span>momento.</span></span></p> - -<p><span id="result_box" lang="it"><span>Diamo uno</span> <span>sguardo ai</span> <span>contenuti</span> <span>di quel</span> <span>nodo utilizzando</span> <span>il</span> <span>$</span> <span>(</span><span>)</span> <span>e</span> <span>ispezionare</span> <span>(</span><span>)</span> <span>funzioni:</span></span></p> - -<pre class="brush:js">inspect($("#title"))</pre> - -<p><span id="result_box" lang="it"><span>Questo apre</span> <span>automaticamente</span> <span>l'ispettore</span> <span>oggetto</span><span>,</span> <span>che mostra</span> <span>il contenuto del</span> <span>nodo DOM</span> <span>che corrisponde al</span> <span>selettore CSS</span> <span>"</span><span>#title</span><span>"</span><span>,</span> <span>che è</span> <span>ovviamente</span> <span>l'elemento con</span> <span>ID</span> <span>"titolo"</span><span>.</span></span></p> - -<h3 id="Dumping_il_contenuto_di_un_nodo_DOM"><span class="short_text" id="result_box" lang="it"><span>Dumping</span> <span>il contenuto di un</span> <span>nodo DOM</span></span></h3> - -<p><span id="result_box" lang="it"><span>Questo è</span> <span>molto bello</span><span>, se</span> <span>vi capita di essere</span> <span>seduti al</span> <span>browser</span> <span>esporre</span> <span>qualche problema</span><span>,</span> <span>ma diciamo</span> <span>che stai</span> <span>debug</span> <span>remoto</span> <span>per un utente</span><span>,</span> <span>e hanno bisogno di</span> <span>uno sguardo</span> <span>il contenuto di un</span> <span>nodo.</span> <span>Si può avere</span> <span>l'utente</span> <span>aprire la console</span> <span>Web</span> <span>e</span> <span>scaricare il contenuto</span> <span>del nodo</span> <span>nel registro</span><span>,</span> <span>quindi copiare e incollare</span> <span>in</span> <span>una e-mail</span> <span>a voi</span><span>, utilizzando la funzione</span> <span>pprint</span> <span>(</span><span>)</span><span>:</span></span></p> - -<pre class="brush:js">pprint($("#title")) -</pre> - -<p><span id="result_box" lang="it"><span>Questo</span> <span>sputa</span> <span>fuori</span> <span>il contenuto</span> <span>del nodo</span> <span>in modo da poter</span> <span>dare un'occhiata</span><span>.</span> <span>Naturalmente</span><span>,</span> <span>questo può essere più</span> <span>utile</span> <span>con altri oggetti</span> <span>che un</span> <span>nodo DOM</span><span>,</span> <span>ma</span> <span>si ottiene l'idea</span><span>.</span></span></p> diff --git a/files/it/tools/web_console/index.html b/files/it/tools/web_console/index.html deleted file mode 100644 index 1be4e7942e..0000000000 --- a/files/it/tools/web_console/index.html +++ /dev/null @@ -1,37 +0,0 @@ ---- -title: Web Console -slug: Tools/Web_Console -translation_of: Tools/Web_Console ---- -<p>La console web</p> - -<ol> - <li>Registra informazioni associate con la pagina web: richieste in rete, JavaScript, CSS, erori generici ed errori relativi alla sicurezza, warning e addizionali messaggi generati dal codice JavaScript che viene eseguito nel contesto della pagina</li> - <li>Abilita l'interazione con la pagina web eseguendo le istruzioni JavaScript nel contesto della pagina</li> -</ol> - -<p>{{EmbedYouTube("C6Cyrpkb25k")}}</p> - -<div class="column-container"> -<div class="column-half"> -<dl> - <dt><a href="/en-US/docs/Tools/Web_Console/Opening_the_Web_Console">Aprire la console web</a></dt> - <dd>Come iniziare ad usare la console web</dd> - <dt><a href="/en-US/docs/Tools/Web_Console/The_command_line_interpreter">L'interprete della riga di comando</a></dt> - <dd>Come interagine con un documento usando la console web.</dd> - <dt><a href="/en-US/docs/Tools/Web_Console/Split_console">Dividere la console web</a></dt> - <dd>Usare console web insieme con altri strumenti.</dd> -</dl> -</div> - -<div class="column-half"> -<dl> - <dt><a href="/en-US/docs/Tools/Web_Console/Console_messages">Messagi della console web</a></dt> - <dd>Dettagli dei messaggi registrati nella console web.</dd> - <dt><a href="/en-US/docs/Tools/Web_Console/Rich_output">Output arrichito</a></dt> - <dd>Vedi e interagisci con gli oggetti .</dd> - <dt><a href="/en-US/docs/Tools/Web_Console/Keyboard_shortcuts">Scorciatoie da tastiera</a></dt> - <dd>Elenco delle scorciatoie da tastiera.</dd> -</dl> -</div> -</div> |