no.hideout-lastation.com
Paradis For Designere Og Utviklere


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

Slik deler du Tweets privat

Slik deler du Tweets privat

Twitter har introdusert en ny funksjon som heter Del via direkte melding, som lar deg dele tweets privat. Du kan finne denne funksjonen i form av en konvoluttknapp (på iOS og Android apps) i samme rad som lik og Retweet .Slik kan du bruke dette til å dele tweets privat via web, Android og iOS App.Deling av private tweets via web (Trinn 1) Klikk på alternativet Mer (trippel prikker) under tweetet. (

(Tekniske og design tips)

Sammenlign nettsteder laster hastighet (side ved side) med dette verktøyet

Sammenlign nettsteder laster hastighet (side ved side) med dette verktøyet

Det er ingen hemmelighet at et nettsteds ladetid er en stor faktor i brukervennlighet. Dette påvirker også nettstedets Google-rangeringer, så sidens hastighet er definitivt verdt å optimalisere.Hvis det er en konkurrent som du prøver å overvinne en beregning, kan du analysere sidens hastighet . Og m

(Tekniske og design tips)