Početna » alat » Kako omogućiti Chrome DevTools aplikaciju za daljinsko otkrivanje pogrešaka

    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.