Sei sulla pagina 1di 6

Comando Descrizione Esempio

assert(expression, message) Invia un messaggio console.assert((x == 1),


quando expression restituisce false. "assert message: x !=
1");
clear() Cancella i messaggi dalla finestra console.clear();
della console, inclusi i messaggi di
errore di script, e cancella inoltre lo
script visualizzato nella finestra
della console. Non cancella lo script
immesso nella richiesta di input
della console.
count(title) Invia il numero di volte in cui è console.count();
stato chiamato il comando count
nella finestra della console. Ogni console.count("inner
loop");
chiamata al comando count viene
identificata in modo univoco dal
parametro titlefacoltativo.

La voce esistente nella finestra della


console viene identificata dal
parametro title (se presente) e
aggiornata dal comando
count. Viene ora creata una nuova
voce.
debug(message) Invia message alla finestra della console.debug("logging
console. message");

Questo comando è identico a


console.log.

Gli oggetti passati usando tale


comando vengono convertiti in un
valore stringa.
dir(object) Invia l'oggetto specificato alla console.dir(obj);
finestra della console e lo visualizza
in un visualizzatore oggetti. È
possibile usare il visualizzatore per
controllare le proprietà nella
finestra della console.
dirxml(object) Invia il nodo console.dirxaml(xmlNode);
XML object specificato alla
finestra della console e lo visualizza
in un albero del nodo XML.
error(message) Invia message alla finestra della console.error("error
console. Il testo del messaggio è message");
rosso ed è preceduto da un simbolo
di errore.

Gli oggetti passati usando tale


Comando Descrizione Esempio
comando vengono convertiti in un
valore stringa.
group(title) Avvia un raggruppamento per i console.group("Level 2
messaggi inviati alla finestra della Header");
console.log("Level 2");
console e invia il console.group();
parametro title facoltativo come console.log("Level 3");
etichetta di gruppo. I gruppi console.warn("More of
possono essere annidati e level 3");
visualizzati in una visualizzazione console.groupEnd();
struttura ad albero nella finestra console.log("Back to
level 2");
della console. console.groupEnd();
console.debug("Back to
I comandi del gruppo* possono the outer level");
semplificare la visualizzazione
dell'output della finestra della
console in alcuni scenari, ad
esempio quando viene usato un
modello componente.
groupCollapsed(title) Avvia un raggruppamento per i L'utilizzo è identico a quello
messaggi inviati alla finestra della del comando group .
console e invia il
parametro title facoltativo come Vedere l'esempio per il
etichetta di gruppo. I gruppi inviati comando group .
tramite groupCollapsed vengono
visualizzati per impostazione
predefinita in una visualizzazione
compressa. I gruppi possono essere
annidati e visualizzati in una
visualizzazione struttura ad albero
nella finestra della console.
groupEnd() Termina il gruppo corrente. Vedere l'esempio per il
comando group .
Requisiti:

Visual Studio 2013


info(message) Invia message alla finestra della console.info("info
console. Il messaggio è preceduto message");
da un simbolo di informazioni.
Per altri esempi,
vedere Formatting
console.log output più
avanti in questo argomento.
log(message) Invia message alla finestra della console.log("logging
console. message");

Se si passa un oggetto, questo


comando lo invia alla finestra della
console e lo visualizza in un
Comando Descrizione Esempio
visualizzatore oggetti. È possibile
usare il visualizzatore per
controllare le proprietà nella
finestra della console.
msIsIndependentlyComposed(element) Usatonelle app Web. Non Non supportata.
supportato nelle app UWP che
usano JavaScript.
profile(reportName) Usato nelle app Web. Non Non supportata.
supportato nelle app UWP che
usano JavaScript.
profileEnd() Usato nelle app Web. Non Non supportata.
supportato nelle app UWP che
usano JavaScript.
select(element) Seleziona l'elemento console.select(element);
HTML element specificato in DOM
Explorer.
time (name) Avvia un timer identificato dal console.time("app
parametro facoltativo name . Se start"); app.start();
console.timeEnd("app
usato con console.timeEnd, calcola start");
il tempo che intercorre
tra time e timeEnde invia il risultato
(misurato in ms) alla console
usando la stringa name come
prefisso. Usato per abilitare la
strumentazione del codice dell'app
per la misurazione delle prestazioni.
timeEnd(name) Arresta un timer identificato dal console.time("app
parametro facoltativo name . Vedere start"); app.start();
console.timeEnd("app
il comando della console time . start");
trace() Invia una traccia dello stack alla console.trace();
finestra della console. La traccia
include lo stack di chiamate
completo e informazioni quali il
nome file, il numero di riga e il
numero di colonna.
warn(message) Invia message alla finestra della console.warn("warning
console, preceduto da un simbolo di message");
avviso.

Gli oggetti passati usando tale


comando vengono convertiti in un
valore stringa.

Comandi vari
Questi comandi sono disponibili anche nella finestra della console JavaScript (non sono
disponibili dal codice).

COMANDI VARI
Comando Descrizione Esempio
$0, $1, $2, $3, $4 Restituisce l'elemento specificato nella $3
finestra della console. $0 restituisce
l'elemento al momento selezionato in DOM
Explorer, $1 restituisce l'elemento
selezionato in precedenza in DOM Explorer
e così via, fino al quarto elemento
selezionato in precedenza.
$(id) Restituisce un elemento in base all'ID. Si $("contenthost")
tratta di un comando di scelta rapida
per document.getElementById(id),
dove id è una stringa che rappresenta l'ID
dell'elemento.
$$(selector) Restituisce una matrice di elementi che $$(".itemlist")
corrispondono al selettore specificato usando
la sintassi del selettore CSS. Si tratta di un
comando di scelta rapida
per document.querySelectorAll().
cd() Consente di modificare il contesto per la cd();
valutazione di un'espressione dalla finestra
cd(window) di primo livello predefinita della pagina alla cd(myframe);
finestra del frame
specificato. Chiamando cd() senza
parametri, viene restituito il contesto nella
finestra di primo livello.
select(element) Seleziona l'elemento specificato in DOM select(document.getElementById("element"));
Explorer.
select($("element"));

select($1);
dir(object) Restituisce un visualizzatore per l'oggetto dir(obj);
specificato. È possibile usare il
visualizzatore per controllare le proprietà
nella finestra della console.

Verifica dell'esistenza di un comando della console


È possibile verificare l'esistenza di un comando specifico prima di tentare di usarlo. In
questo esempio viene verificata l'esistenza del comando console.log . Se console.log esiste,
viene chiamato dal codice.

JavaScriptCopia
if (console && console.log) {
console.log("msg");
}

Esame degli oggetti nella finestra della console


JavaScript
È possibile interagire con qualsiasi oggetto all'interno dell'ambito quando si usa la finestra
della console JavaScript. Per controllare un oggetto esterno all'ambito nella finestra della
console, usare console.log , console.diro altri comandi del codice. In alternativa, è possibile
interagire con l'oggetto dalla finestra della console mentre si trova nell'ambito impostando
un punto di interruzione nel codice (punto di interruzione Inserisci punto di
interruzione > ).

Formattazione dell'output di console.log


Se si passano più argomenti a console.log, la console li considererà come una matrice e
concatenerà l'output.

JavaScriptCopia
var user = new Object();
user.first = "Fred";
user.last = "Smith";

console.log(user.first, user.last);
// Output:
// Fred Smith

Per formattare l'output, in console.log sono anche supportati i modelli di sostituzione


"printf". Se si usano i modelli di sostituzione nel primo argomento, verranno usati altri
argomenti per sostituire i modelli specificati nell'ordine in cui sono usati.

Sono supportati i modelli di sostituzione seguenti:

 %s - string %i - integer %d - integer %f - float %o - object %b - binary %x -


hexadecimal %e - exponent

Ecco alcuni esempi di utilizzo dei modelli di sostituzione in console.log:

JavaScriptCopia
var user = new Object();
user.first = "Fred";
user.last = "Smith";
user.age = 10.01;
console.log("Hi, %s %s!", user.first, user.last);
console.log("%s is %i years old!", user.first, user.age);
console.log("%s is %f years old!", user.first, user.age);

// Output:
// Hi, Fred Smith!
// Fred is 10 years old!
// Fred is 10.01 years old!

Potrebbero piacerti anche