Kako omogućiti Chrome DevTools aplikaciju za daljinsko otkrivanje pogrešaka
Aplikaciju Chrome DevTools izrađuje Kenneth Auchenberg u pokušaju da uzme devtools iz preglednika - u ovom slučaju iz preglednika Chrome. Ovaj program je izgrađen na temelju NW.js i može se izvoditi na Mac OS X, kao i na Linux i Windows.
Postoje mnogi razlozi koji su potaknuli tvorca da stvori ovo, ali njegova vizija se sastoji od davanja programerima praktičnosti daljinsko otkrivanje pogrešaka na više preglednika, sve s iste ujedinjene platforme (aplikacija). Ideja će potrajati neko vrijeme da se uhvati i materijalizira zbog raznih razloga (i otpora, koje možete pročitati na njegovom blogu).
Kratko ćemo pogledati Chrome DevTools aplikaciju i vidjeti što Google može ponuditi razvojnim programerima.
Više o Hongkiatu:
- Početak rada s Chrome alatima za razvojne programere
- 5 (Više) Korisni Savjeti za Chrome DevTools za razvojne programere
- Kako prilagoditi temu programa Google Chrome DevTools
Montaža
Preuzmite Chrome-Devtools.app.zip i izvadite ga. Dvaput kliknite za pokretanje. Pokrenite preglednik Chrome i omogućite daljinsko otkrivanje pogrešaka.
Da biste to učinili na Mac računalu, otvorite terminal i pokrenite naredbu u nastavku:
sudo / Aplikacije / Google Chrome.app/Contents/MacOS/Google Chrome-premotavanje-debugging-port = 9222
Ako pokrenete prozore, otvorite naredbeni redak i upotrijebite ovu naredbu:
start chrome.exe -remote-debugging-port = 9222
Kako koristiti
Kada je Chrome već otvoren, a značajka daljinskog otklanjanja pogrešaka omogućena, sada možete pregledavati bilo koju web-lokaciju. Na primjer, otvorili smo Hongkiat.com za ovu vježbu. Zatim idemo dalje do prozora aplikacije Chrome DevTools i osvježite ovaj popis (gumb se nalazi u donjem desnom kutu).
Sada ćete vidjeti navedenu vezu Hongkiat.com (kao što je prikazano u nastavku).
Sada kliknite gumb "Idi". Bit ćete preusmjereni na novi prozor. To je to. Aplikacija Chrome DevTools već se pokreće. Ono što ćete ovdje vidjeti je isto kao i kada "pregledate element" na pregledniku Chrome.
Odavde možete upotrijebiti aplikaciju Chrome DevTools kao i kod DevTools na Chromeu: možete pregledati DOM element, ispraviti JavaScript, raditi s konzolom i više.
Što je sljedeće?
Ova je aplikacija još uvijek vrlo eksperimentalna. Ali za sada, ideja preuzimanja DevToola iz Chromea omogućuje razvojnim programerima da aplikaciju tretiraju kao funkcionalni urednik i rade s drugim runtimovima poput node.js i iOS. Za više mogućnosti, ovdje možete provjeriti Auchenbergov tok misli.