Slik viser du data som tabell i nettleserkonsollen

Console er et nettleser innebygd verktøy som logger feil som skjer på nettstedet. Hvis det er noen feil - for eksempel ødelagte koblinger, ufullstendige JavaScript-funksjoner eller ukjente CSS-egenskaper - vil nettleserne vise feilmeldinger i konsollen.

I tillegg kan vi også samhandle med konsollen via skallet og konsoll-API, som kommer til bruk ved testing av visse funksjoner og datautgang. Her vil vi vise deg et nyttig tips for bruk av Console API.

Tilgang til nettleserkonsollen

I Chrome kan vi velge Vis> Utvikler> JavaScript Console- menyen for å hente konsollen. Alternativt kan vi også bruke snarveien: Cmd + Option + J på OS X, og Ctrl + Shift + J på Windows.

Nedenfor vises en feilfri Chrome-konsoll.

Herfra kan vi begynne å bruke kommandoen gitt i Console API.

Interagere med konsollen

Vi kan samhandle med nettleserkonsollen via konsollen selv og ved å legge til JavaScript i dokumentet. For eksempel, her forteller vi konsollen å skrive ut "God morgen!" Ved å skrive console.log() kommandoen direkte i konsollen:

Som nevnt, kan vi også bruke console.log() i dokumentet. En praktisk console.log() bruk er å teste en betinget betingelse for JavaScript. Vi kan se tydeligere om resultatet returnerer true eller false ved hjelp av console.log() .

Nedenfor er et eksempel:

 var a = 1; hvis (a == 1) {console.log ('true'); } ellers {console.log ('false'); } 

Koden ovenfor vil returnere sann, siden a variabel inneholder nummer 1 . I konsollen bør du se nettleseren, utgir teksten true .

Utdata som tabell

Noen ganger har vi å gjøre med et datafelt eller en liste over objekter, som vist nedenfor:

 var data = [{navn: "Andi", alder: "21", by: "Tuban"}, {navn: "Ani", alder: "25", by: "Trenggalek"}, {navn: "Adi", alder: "30", by: "Kediri"}]; console.table (data); 

Disse dataene vil være vanskelige å lese når vi bruker metoden console.log() . Metoden console.log() viser Array i sammenleggbar trevisning, som vist nedenfor.

Når vi har å gjøre med et slikt Array, er det en bedre måte å console.table() med console.table() . Denne metoden viser data i et tabellformat. Tar de samme dataene som ovenfor, vil det utgå som:

Konklusjon

Nettleserkonsollen hjelper webutviklere til å håndtere feil på nettsteder. Vi kan også bruke den til å teste datautgang, som med metoden console.log() . Når vi har en array data console.table() kommando vil komme inn mer nyttig, som det viser Array i et tabellformat som er lett å lese. Vær oppmerksom på at console.table() bare gjelder i Webkit-baserte nettlesere som Chrome, Safari og den nyeste versjonen av Opera.

Videre lesning

• Grunnleggende JavaScript Array
• Konsoll API-kode for Sublime Text

6 praksiser som gjør bloggen din mindre profesjonell

I varmen med å administrere en blogg, som inkluderer alt fra å skrive godt innhold, til å jobbe med annonsører, for å moderere kommentarer, for å fremme nettstedet, kan man overse visse aspekter av nettstedet - fra små ting som ødelagte lenker, til store som påtrengende reklame og altfor overfylt design.Etter hv

(Tekniske og design tips)

8 Tumblr Begrensninger Du Sannsynligvis Ikke Vet

Vi har allerede dekket noen Tumblr-tips og triks som kan hjelpe deg med bloggen din. På toppen av det, presenterte vi noen få verktøy og utvidelser for å få mest mulig ut av Tumblr. Men vi vedder på at du ikke visste at det er begrensninger på hva du kan gjøre på Tumblr, for eksempel kan du kun legge inn et bestemt antall innlegg per dag . Når du

(Tekniske og design tips)