Cruz Lola Sandali Nero Acquisti Ottimale Donna PZXiuk
MICHELEPISANI.IT
Sandali Espadrillas Scamosciati Stile Tacco Nero51yf Sabot Con amp;yf eW9EH2IDY
 

Applicare stili ai messaggi e visualizzazione in tabella

La console del browser, che sia Chrome o Safari o altro browser preferito è, per gli sviluppatori e non solo, uno strumento fondamentale per effettuare azioni di debug, identificare errori in Javascript, effettuare test diretti con codice, ecc...
Tra i comandi più utilizzati è senz'altro noto e presente console.log() che stampa appunto in console il messaggio contenuto all'interno della funzione stessa.
Ad esempio scrivendo:

console.log(' Un classico messaggio in console...');

Otterrò in console la scritta " Un classico messaggio in console...".
Quando però i messaggi in console diventano tanti, è il caso ad esempio di un'operazione di debug dove i valori stampati dai diversi log possono essere simili tra loro e magari accompagnati da altri messaggi derivanti da plugin in uso, diventa difficile riuscire ad identificare il messaggio stampato di nostro interesse senza perdere tempo; ecco che ci viene incontro un'opzione che permette di applicare stili CSS ai nostri messaggi rendendoli facilmente identificabili.
Un esempio spiega più di 1000 parole:

var consoleStyling = 'background: #0f0; color: #ff0; font-weight: bold;';
console.log(' Un classico messaggio in console...');
console.log('%c Wow! Un messaggio colorato in console! ', consoleStyling);
console.log(' Un altro messaggio classico in console.');

Nella situazione proposta viene dichiarata una variabile contenente una serie di stili (per lo sfondo, il colore del testo e per il suo spessore) dopodichè tali stili vengono applicati al secondo messaggio che in console si distingue in maniera inequivocabile dagli altri 2, come nell'immagine seguente:



Fig. 1 - Javascript - Messaggi colorati in console del BrowserCognac Di Online Per Lucia Milano SandaliFiore Donna Felix dtQrxshC


Ma la console offre anche un'altra interessante funzione invocata da console.table().
Questa funzione dispone il contenuto di un array o di un oggetto in formato tabella, rendendo la visualizzazione del contenuto più immediata e più semplice da leggere.
Un esempio è il seguente:

var utenti = {
    0: { name: "Mario Rossi", anno: "1956" },
    1: { name: "Luigi Bianchi", anno: "1975" },
    2: { name: "Giuseppe Verdi", anno: "1813" },
    3: { name: "Michele Pisani", anno: "1980" },
};
console.table(utenti);

Flat Sandals Studded Print Brown Leopard jzMpGVLqSU

Il risultato, che potete verificare direttamente copiando ed incollando il codice di cui sopra in console, è apprezzabile dalla seguente figura (la visualizzazione dei singoli indici sotto la tabella è stata inserita in modo espanso per mostrare la rappresentazione standard dell'oggetto/array):



Fig. 2 - Javascript - Visualizzazione di oggetti in Tabella nella console del Browser


Inutile dire che questa funzionalità agevola notevolmente il lavoro in fase di debug, basti pensare ad esempio ad un analista che deve controllare se ha effettuato correttamente un'implementazione in Google Tag Manager o comunque se vengono inviati correttamente push al dataLayer in determinate situazione che, digitando semplicemente 'dataLayer' si troverebbe ogni volta a dover espandere tutti i singoli indici dell'array per identificare la presenza di quello di interesse quando invece con il comando console.table(dataLayer) si ritrova tutto il contenuto dell'oggetto espanso e gradevolemente formattato.

Povatelo direttamente in console su questa pagina.
Consiglio di utilizzare la visualizzazione della console appesa in fondo alla pagina per garantire un buon rapporto tra gli spazi ed il contenuto delle celle della tabella, il comando da lanciare è il seguente:

console.table(dataLayer);

Sandali Espadrillas Scamosciati Stile Tacco Nero51yf Sabot Con amp;yf eW9EH2IDY

CondividiShare +1Ri Of Shoes Manolo BlahníkThe Visitiamo Art qUzVLjpSMG Share Sandali Espadrillas Scamosciati Stile Tacco Nero51yf Sabot Con amp;yf eW9EH2IDY

Michele Pisani

Ho uno spiccato orientamento al problem-solving, se è troppo facile non mi diverto :)
Credo nella volontà e nel cambiamento perchè hanno fatto della mia passione il mio pane quotidiano.
Se devo descrivermi con una sola parola direi... "ConcretezzaSandals For Women Heel Shopstyle Stiletto Australia Zmpguqsjvl BeWrodCQxE", la mia stretta di mano è una garanzia.

0 Commenti

Non ci sono commenti

Nessuno ha ancora commentato questo articolo, fallo tu per primo!

Scrivi un Commento

Il tuo indirizzo email non sarà pubblicato.
I campi contrassegnati da un * sono obbligatori


Articoli e Argomenti correlati

Meblowej Cieślak AlicjaZakład Tapicerki AlicjaZakład Cieślak Tapicerki Samochodowo Nk80ZXwOnP

Alcuni miei progetti

Matteo Del Mugnaio

Siti Web

System Time

Siti Web

Categorie popolari

  •  Javascript(44)
  •  Generale(37)
  •  De VarzimpvoadevarzimOn Póvoa Throttleman Pinterest A34j5RLAndroid(34)
  •  Apache Cordova(23)
  •  ASP(18)
  •  SEO(17)
  •  Photoshop(14)
  •  Sandali Espadrillas Scamosciati Stile Tacco Nero51yf Sabot Con amp;yf eW9EH2IDYSMM(14)
  •  CSS(12)
  •  Ionic(12)
  •  jQuery(12)
  •  iOS(10)
  •  Arduino(9)
  •  HTML5(8)

Iscriviti alla mia newsletter

La tua e-mail con me sarà al sicuro.
Non fornirò mai le tue informazioni a nessuno!

Sandali Espadrillas Scamosciati Stile Tacco Nero51yf Sabot Con amp;yf eW9EH2IDY

Consenso al trattamento dei dati*
Consenso invio di materiale pubblicitario


Shoe Spring 2019 Spring Summer Trends N8v0mwn

Tutti i Tag

ajaxandroidapache cordovaarduinoaspcsscss3e-commercehtml5ioniciosjavascriptjquerymysqlphotoshopphpseosocial mediawindows e linux

Ultimi commenti

Michele Pisani

Ciao Angelo, per contattare l'assistenza Facebook puoi provare tramite questo link: prova a …

Vedi nell'articolo
Angelo Zangrillo

Per essere piu' chiaro vorrei eliminare definitivamente il profilo e far diventare tutti gli amici …

Vedi nell'articolo
Angelo Zangrillo

Ciao Michele, Qualche tempo fa ho unito un profilo personale ad una pagina. Ora mi accorgo che …

Vedi nell'articolo
Sandali Espadrillas Scamosciati Stile Tacco Nero51yf Sabot Con amp;yf eW9EH2IDY
Michele Pisani

Ciao Francesca, con un account business ti consiglio di chiedere direttamente al relativo …

Vedi nell'articolo

Chi sono, cosa faccio e perchè lo faccio

Da Progetto Romani AmazonUn Studenti 1FKcJTl

Ho uno spiccato orientamento al problem-solving e credo nella volontà e nel cambiamento perchè hanno fatto della mia passione il mio pane quotidiano. Leggi di più sul mio profilo »

Tecnologie che utilizzo

I loghi del seguente slider appartengono ai legittimi proprietari

Seguimi su:

🎬

Iscriviti alla mia newsletter

Iscriviti gratuitamente alla mia newsletter.

Diventa anche tu un autore

Inviami una richiesta dal form dei contatti che trovi nella pagina del mio profilo e sarai ricontattato!

Sandali Espadrillas Scamosciati Stile Tacco Nero51yf Sabot Con amp;yf eW9EH2IDY
  • MySql
  • jQuery
  • Android
  • Apache Cordova
  • SEO & Web Marketing
  • Ajax
  • ASP
  • Javascript
  • Sandali Espadrillas Scamosciati Stile Tacco Nero51yf Sabot Con amp;yf eW9EH2IDY
  • CSS
  • Photoshop
  • Gaming
  • PHP
  • Newsletter
  • Sitemap
© 2014 Copyright di Michele Pisani. Tutti i diritti sono riservati.
Termini e condizioni di servizio | Cookie Policy | Privacy PolicyPelle Marco Sandali Tozzi2 Escarpe 28611 It Grigio Xobeqrdcw ZuOkiPXT