aboutsummaryrefslogtreecommitdiff
path: root/files/it/tools/web_console
diff options
context:
space:
mode:
authorPeter Bengtsson <mail@peterbe.com>2020-12-08 14:42:17 -0500
committerPeter Bengtsson <mail@peterbe.com>2020-12-08 14:42:17 -0500
commitda78a9e329e272dedb2400b79a3bdeebff387d47 (patch)
treee6ef8aa7c43556f55ddfe031a01cf0a8fa271bfe /files/it/tools/web_console
parent1109132f09d75da9a28b649c7677bb6ce07c40c0 (diff)
downloadtranslated-content-da78a9e329e272dedb2400b79a3bdeebff387d47.tar.gz
translated-content-da78a9e329e272dedb2400b79a3bdeebff387d47.tar.bz2
translated-content-da78a9e329e272dedb2400b79a3bdeebff387d47.zip
initial commit
Diffstat (limited to 'files/it/tools/web_console')
-rw-r--r--files/it/tools/web_console/helpers/index.html79
-rw-r--r--files/it/tools/web_console/index.html37
2 files changed, 116 insertions, 0 deletions
diff --git a/files/it/tools/web_console/helpers/index.html b/files/it/tools/web_console/helpers/index.html
new file mode 100644
index 0000000000..d64e42e6ec
--- /dev/null
+++ b/files/it/tools/web_console/helpers/index.html
@@ -0,0 +1,79 @@
+---
+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>&lt;Enter</span><span>&gt;</span><span>"</span><span>,</span> <span>quindi</span> <span>"$</span> <span>_</span> <span>&lt;invio</span><span>&gt;</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
new file mode 100644
index 0000000000..1be4e7942e
--- /dev/null
+++ b/files/it/tools/web_console/index.html
@@ -0,0 +1,37 @@
+---
+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>