Hvordan bruke JavaScript Developer Console?
Kanskje du ikke begynner i JavaScript, men du kommer over en fascinerende JavaScript -metode som du vil teste ut. Som JavaScript -utvikler bruker den raskeste måten å kjøre et kodebit. Disse konsollene er designet for å hjelpe utviklere av webapplikasjoner, da de ikke trenger å lage en egen HTML -fil for å teste en enkel JavaScript -metode.
Nesten hver moderne nettleser kommer med støtte til å kjøre JavaScript -kommandoene fra utviklerkonsollen. Denne funksjonen er sterkt brukt på grunn av det faktum at den ikke bare sparer tid, men du trenger ikke mye prosessorkraft for å sjekke ut noen grunnleggende funksjonaliteter i JavaScript. Vi skal lære hvordan du kan navigere til utviklerkonsollen for forskjellige nettlesere og deretter prøve ut noen JavaScript -kommandoer inni dem.
Microsoft Edge's Developer Console
Du kan få tilgang til utviklerkonsollen i Edge ved å bruke følgende trinn:
- Klikk på alternativknappen
- Etter å ha klikket på alternativknappen, vil du se en rullegardinliste over forskjellige alternativer; Hold alternativet som sier “Flere verktøy”
- Fra listen klikker du på "Utviklerverktøy"
- Etter det vil utviklerkonsollen dukke opp på skjermen
- Snarveisnøkkel: Ctrl + skift + i
Operas utviklerkonsoll
For å åpne for utviklerkonsollen i Opera -nettleseren, gjør du følgende trinn
- Klikk på operaens "O”Ikonet i øvre venstre hjørne
- Fra rullegardinmenyen, hold musepekeren på alternativet som sier "utvikler"
- Fra popup-listen klikker du på alternativet som sier "Utviklerverktøy"
- Utviklerkonsollen vil åpne seg foran deg, som dette
- Snarveisnøkkel: F12
Mozilla Firefoxs utviklerkonsoll
For å åpne Firefoxs utviklerkonsoll, følg disse trinnene
- Klikk på hamburgerskiltet “☰” som vist på GIF nedenfor
- Velg “Flere verktøy fra rullegardinmenyen, velg“ Flere verktøy ”
- Fra den nye listen, klikk på alternativet som sier “Web Developer Tools”
- Du vil ha utviklerkonsollen foran deg akkurat som dette
- Snarveisnøkkel: Ctrl + Shift + K || Kommando + alternativ + k
Google Chromes utviklerkonsoll
Access Chromes utviklerkonsoll av:
- Klikk på de 3 prikkene også kjent som alternativknappen som vist i GIF nedenfor
- Fra rullegardinmenyen klikker du på "Flere verktøy"
- Fra den nye popup-listen klikk på "Utviklerverktøy"
- Konsollen vil åpne seg slik
- Snarveier Nøkkel: Kommando + alternativ + j || Kontroll + skift + j
Prøver ut JavaScript -kommandoer i utviklerkonsollen
La oss teste ut ved å kjøre JavaScript -kommandoer i utviklerkonsollen, for denne opplæringen bruker vi Google Chromes utviklerkonsoll.
La oss skrive ut “Hello World” ved hjelp av kommandoen:
konsoll.Logg ("Hello World! Dette er Linuxhint!");Utgangen er som:
Men å skrive ut “Hello World” er ganske kjedelig, la oss prøve å bruke nettleserens varslingsdialogboks for å si hei til verden. Du kan gjøre dette ved å bruke “Alert” -kommandoen:
Varsel ("Hallo World! Dette er linuxhint ");Skriv inn eller kopier denne kommandoen i konsollen og trykk Enter. Du vil se en varslingsboks som denne:
Det er det, nå vet du hvordan du skal kjøre JavaScript i utviklerkonsollen i forskjellige nettlesere.
Konklusjon
Utviklerkonsoll gir anlegget til å kjøre JavaScript -kode rett i nettleseren uten å ha behov for å distribuere en HTML -webside sammen med skriptsiden. Vi lærte hvordan vi kan navigere til forskjellige nettleserens utviklerkonsollsider. Vi testet å kjøre JavaScript-kommandoen i konsollen, og vi ba brukeren ved å bruke nettleserens innebygde varslingsdialogboks. Vi håper du kan bruke anlegget til å kjøre JavaScript rett i nettleserens konsoll og lære mer om JavaScript.